Benannte Farbe · #66B9D6
Baby Tears
Baby Tears ist #66B9D6: rgb(102 185 214), hsl(196 58% 62%), oklch(0.744 0.091 223). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Baby Tears color name →
#66B9D6
oklch(0.744 0.091 223)
Farbumrechnungen
- HEX
- #66b9d6
- RGB
- rgb(102 185 214)
- HSL
- hsl(196 58% 62%)
- HWB
- hwb(196 40% 16%)
- OKLCH
- oklch(0.744 0.091 223)
- OKLab
- oklab(0.744 -0.067 -0.062)
- CIE Lab
- lab(70.74 -20.3 -22.92)
- LCH
- lch(70.74 30.62 228.5)
- CMYK
- cmyk(52% 14% 0% 16%)
Tints · Shades · Tones
Tints
- 77C0DA
- 87C7DE
- 97CEE3
- A6D5E7
- B5DCEB
- C4E3EF
- D3EAF3
- E2F1F7
- F0F8FB
Shades
- 58A0BA
- 4A899E
- 3C7184
- 2F5B6A
- 234652
- 17313B
- 0C1E25
- 040D10
- 000202
Tones
- 6BB3CD
- 6FAEC4
- 72A8BC
- 75A2B3
- 789DAA
- 7A97A2
- 7C9199
- 7D8B91
- 7F8688
Farbharmonien
Komplementär +180°
- 66B9D6
Baby Tears
- DD997E
≈ Light Terracotta
Analog -30° +30°
- 66B9D6
Baby Tears
- 5EBEBC
≈ Hygiene Green
- 83B0E5
≈ Lucea
Triadisch +120° +240°
- 66B9D6
Baby Tears
- D595BB
≈ Soft Fuchsia
- B6AF69
≈ Summer Moss
Geteilt komplementär +150° +210°
- 66B9D6
Baby Tears
- DF949C
≈ Dancer
- CFA36A
≈ Root Beer Float
Tetradisch +90° +180° +270°
- 66B9D6
Baby Tears
- C09BD5
≈ Mauve Mist
- DD997E
≈ Light Terracotta
- 96B97D
≈ Willow Dyed
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.21:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.47:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--baby-tears: #66b9d6;
--baby-tears-rgb: 102 185 214;
--baby-tears-oklch: oklch(0.744 0.091 223);
}
.element {
color: var(--baby-tears);
background-color: hsl(196 58% 62%);
border-color: oklch(0.744 0.091 223);
}Tailwind CSS v4
@theme {
--color-baby-tears: #66b9d6;
--color-baby-tears-50: #dbfbff;
--color-baby-tears-100: #c9efff;
--color-baby-tears-200: #abddf2;
--color-baby-tears-300: #84c2db;
--color-baby-tears-400: #5daac6;
--color-baby-tears-500: #3093b2;
--color-baby-tears-600: #2b7c96;
--color-baby-tears-700: #226478;
--color-baby-tears-800: #154958;
--color-baby-tears-900: #0e333e;
--color-baby-tears-950: #011e27;
}SCSS
$baby-tears: #66b9d6;
$baby-tears-rgb: 102, 185, 214;
$baby-tears-light: mix(#fff, $baby-tears, 20%);
$baby-tears-dark: mix(#000, $baby-tears, 20%);
.element {
color: $baby-tears;
box-shadow: 0 0 0 2px rgba($baby-tears, 0.35);
}