Benannte Farbe · #9CE5D6
Neverland
Neverland ist #9CE5D6: rgb(156 229 214), hsl(168 58% 75%), oklch(0.87 0.076 180.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Neverland color name →
#9CE5D6
oklch(0.87 0.076 180.1)
Farbumrechnungen
- HEX
- #9ce5d6
- RGB
- rgb(156 229 214)
- HSL
- hsl(168 58% 75%)
- HWB
- hwb(168 61% 10%)
- OKLCH
- oklch(0.87 0.076 180.1)
- OKLab
- oklab(0.87 -0.076 0)
- CIE Lab
- lab(85.83 -26.03 -0.29)
- LCH
- lch(85.83 26.04 180.6)
- CMYK
- cmyk(32% 0% 7% 10%)
Tints · Shades · Tones
Tints
- A7E8DA
- B1EADE
- BBEDE2
- C5F0E6
- CFF2EA
- D9F5EE
- E3F7F3
- ECFAF7
- F6FDFB
Shades
- 87C7BA
- 73AA9E
- 5F8E84
- 4C726A
- 395852
- 283F3B
- 182825
- 091210
- 010302
Tones
- 9ADBCD
- 98D0C4
- 95C6BB
- 93BCB3
- 90B1AA
- 8DA7A1
- 8A9D99
- 879391
- 848A88
Farbharmonien
Komplementär +180°
- 9CE5D6
Neverland
- FFC0D2
≈ Garden Glory
Analog -30° +30°
- 9CE5D6
Neverland
- B1E3BA
≈ Fringy Flower
- 98E2F0
≈ Blizzard Blue
Triadisch +120° +240°
- 9CE5D6
Neverland
- DBCAFF
≈ Foggy Heath
- FAC9A2
≈ Fresco Cream
Geteilt komplementär +150° +210°
- 9CE5D6
Neverland
- F2C3EC
≈ Purple’s Baby Sister
- FFC4B9
≈ Your Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.43:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.59:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.59:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--neverland: #9ce5d6;
--neverland-rgb: 156 229 214;
--neverland-oklch: oklch(0.87 0.076 180.1);
}
.element {
color: var(--neverland);
background-color: hsl(168 58% 75%);
border-color: oklch(0.87 0.076 180.1);
}Tailwind CSS v4
@theme {
--color-neverland: #9ce5d6;
--color-neverland-50: #dffdf7;
--color-neverland-100: #cdf1ea;
--color-neverland-200: #b1dfd7;
--color-neverland-300: #8cc5ba;
--color-neverland-400: #6aada0;
--color-neverland-500: #459788;
--color-neverland-600: #3c7f73;
--color-neverland-700: #2f665c;
--color-neverland-800: #214b42;
--color-neverland-900: #16342e;
--color-neverland-950: #071f1b;
}SCSS
$neverland: #9ce5d6;
$neverland-rgb: 156, 229, 214;
$neverland-light: mix(#fff, $neverland, 20%);
$neverland-dark: mix(#000, $neverland, 20%);
.element {
color: $neverland;
box-shadow: 0 0 0 2px rgba($neverland, 0.35);
}