Benannte Farbe · #7DABD0
Blue Eyes
Blue Eyes ist #7DABD0: rgb(125 171 208), hsl(207 47% 65%), oklch(0.722 0.073 243.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Eyes color name →
#7DABD0
oklch(0.722 0.073 243.3)
Farbumrechnungen
- HEX
- #7dabd0
- RGB
- rgb(125 171 208)
- HSL
- hsl(207 47% 65%)
- HWB
- hwb(207 49% 18%)
- OKLCH
- oklch(0.722 0.073 243.3)
- OKLab
- oklab(0.722 -0.033 -0.065)
- CIE Lab
- lab(67.71 -8.8 -24.1)
- LCH
- lch(67.71 25.66 249.9)
- CMYK
- cmyk(40% 18% 0% 18%)
Tints · Shades · Tones
Tints
- 8AB3D5
- 97BCDA
- A4C4DF
- B1CCE3
- BED5E8
- CBDDED
- D8E6F1
- E5EEF6
- F2F6FA
Shades
- 6C94B5
- 5B7E9A
- 4B6880
- 3B5467
- 2C404F
- 1E2D39
- 111B23
- 050B10
- 010102
Tones
- 7EA7C8
- 7EA2C0
- 7F9EB8
- 7F9AB0
- 8096A8
- 8091A0
- 808D98
- 808990
- 808488
Farbharmonien
Komplementär +180°
- 7DABD0
Blue Eyes
- C69C75
≈ Chimaera Brown
Analog -30° +30°
- 7DABD0
Blue Eyes
- 6CB2C1
≈ Riverside Blue
- 96A3D4
≈ Fields of Heather
Triadisch +120° +240°
- 7DABD0
Blue Eyes
- CD92A0
≈ Madagascar Pink
- 9CAD7A
≈ Siamese Green
Geteilt komplementär +150° +210°
- 7DABD0
Blue Eyes
- CF9588
≈ Peach Beige
- B5A570
≈ Crack Willow
Tetradisch +90° +180° +270°
- 7DABD0
Blue Eyes
- C294B9
≈ Mauve Magic
- C69C75
≈ Chimaera Brown
- 82B390
≈ Padua
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.43:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.60:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--blue-eyes: #7dabd0;
--blue-eyes-rgb: 125 171 208;
--blue-eyes-oklch: oklch(0.722 0.073 243.3);
}
.element {
color: var(--blue-eyes);
background-color: hsl(207 47% 65%);
border-color: oklch(0.722 0.073 243.3);
}Tailwind CSS v4
@theme {
--color-blue-eyes: #7dabd0;
--color-blue-eyes-50: #e5f8ff;
--color-blue-eyes-100: #d4ebff;
--color-blue-eyes-200: #bbd8f2;
--color-blue-eyes-300: #99bcdb;
--color-blue-eyes-400: #79a4c7;
--color-blue-eyes-500: #5a8cb3;
--color-blue-eyes-600: #4d7697;
--color-blue-eyes-700: #3d5f79;
--color-blue-eyes-800: #2a465a;
--color-blue-eyes-900: #1c303f;
--color-blue-eyes-950: #0c1c28;
}SCSS
$blue-eyes: #7dabd0;
$blue-eyes-rgb: 125, 171, 208;
$blue-eyes-light: mix(#fff, $blue-eyes, 20%);
$blue-eyes-dark: mix(#000, $blue-eyes, 20%);
.element {
color: $blue-eyes;
box-shadow: 0 0 0 2px rgba($blue-eyes, 0.35);
}