# Farbe #7caef6: Kräftiges helles Blau

#7caef6 ist rgb(124, 174, 246) in RGB und oklch(74.464% 0.11768 257.477) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/7caef6

## Formate

| Format | Wert |
| --- | --- |
| HEX | #7caef6 |
| RGB | rgb(124, 174, 246) |
| HSL | hsl(215.41, 87.14%, 72.55%) |
| HSB / HSV | hsv(215.41 49.59% 96.47%) |
| HWB | hwb(215.41 48.63% 3.53%) |
| CMYK | cmyk(50% 29% 0% 4%) |
| Lab | lab(69.76 -2.21 -41.64) |
| LCH | lch(69.76 41.7 266.96) |
| OKLab | oklab(74.464% -0.02552 -0.11488) |
| OKLCH | oklch(74.464% 0.11768 257.477) |
| Display P3 | color(display-p3 0.52804 0.67698 0.94205) |
| Rec. 2020 | color(rec2020 0.54566 0.6396 0.93104) |
| Adobe RGB | color(a98-rgb 0.54643 0.67642 0.95374) |
| ProPhoto RGB | color(prophoto-rgb 0.58073 0.61389 0.91415) |
| Lineares sRGB | color(srgb-linear 0.20156 0.42327 0.92158) |
| XYZ D65 | color(xyz-d65 0.4008 0.4121 0.93034) |
| XYZ D50 | color(xyz-d50 0.38277 0.40415 0.702) |
| SwiftUI | Color(red: 0.486, green: 0.682, blue: 0.965) |
| UIKit | UIColor(red: 0.486, green: 0.682, blue: 0.965, alpha: 1) |
| Flutter / Compose | Color(0xFF7CAEF6) |
| Android XML | #7CAEF6 |

## Fakten

- Nächster Farbname: Kräftiges helles Blau
- Farbgruppe: Blaue, kräftiges helles blau
- Nächste Tailwind-Klasse: indigo-300
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 2.27:1
- Kontrast zu Schwarz: 9.24:1

## Aufhellungen (mit Weiß)

#7caef6, #89b6f8, #96bff9, #a3c7fa, #b0cffb, #bdd7fc, #cadffd, #d7e7fe, #e4effe, #f2f7ff

## Abdunklungen (mit Schwarz)

#7caef6, #6b97d6, #5a80b7, #4a6a98, #3b557b, #2c415f, #1e2e45, #111c2c, #050b15, #010103

## Abtönungen (mit Grau)

#7caef6, #81aeef, #86aee8, #8baee0, #90aed9, #95aed2, #9aaeca, #9fadc3, #a3adbb, #a8adb4

## Harmonien

- Komplementär: #7caef6, #d5a24e
- Split: #7caef6, #e99469, #b4b153
- Analog: #7caef6, #4bbbe6, #a8a0f3
- Triadisch: #7caef6, #ed8c91, #88be73
- Tetradisch: #7caef6, #cb94dd, #d5a24e, #88be73
- Quadrat: #7caef6, #e38dba, #d5a24e, #54c49d
- Monochrom: #7caef6, #3664a7, #5888ce, #aed5ff, #e7f7ff

## Fragen zu #7caef6

### Welche Farbe ist #7caef6?

#7caef6 ist ein kräftiges helles blau. Die nächste benannte Farbe ist Kräftiges helles Blau. In RGB ist das rgb(124, 174, 246), in HSL hsl(215.41, 87.14%, 72.55%) und in OKLCH oklch(74.464% 0.11768 257.477).

### Welche Farben passen zu #7caef6?

Die Komplementärfarbe von #7caef6 ist #d5a24e. Ruhiger wirkt die Kombination mit den analogen Farben #4bbbe6 und #a8a0f3. Die triadischen Partner sind #ed8c91 und #88be73.

### Ist weißer oder schwarzer Text auf #7caef6 besser lesbar?

Schwarzer Text ist auf #7caef6 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 2.27:1, Schwarz 9.24:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

### Ist #7caef6 eine warme oder kühle Farbe?

#7caef6 wirkt kühl. In OKLCH liegt der Farbton bei 257 Grad, die Helligkeit bei 74,5 % und das Chroma bei 0.118.