Nazwany kolor · #99E6B3
Teal Deer
Teal Deer to #99E6B3: rgb(153 230 179), hsl(140 61% 75%), oklch(0.861 0.104 154.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Teal Deer color name →
#99E6B3
oklch(0.861 0.104 154.6)
Konwersje koloru
- HEX
- #99e6b3
- RGB
- rgb(153 230 179)
- HSL
- hsl(140 61% 75%)
- HWB
- hwb(140 60% 10%)
- OKLCH
- oklch(0.861 0.104 154.6)
- OKLab
- oklab(0.861 -0.094 0.045)
- CIE Lab
- lab(85.27 -32.66 17.09)
- LCH
- lch(85.27 36.86 152.4)
- CMYK
- cmyk(33% 0% 22% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A4E9BB
- AFEBC2
- B9EECA
- C4F0D1
- CEF3D9
- D8F5E0
- E2F8E8
- ECFAF0
- F5FDF7
Odcienie ciemniejsze
- 84C89B
- 70AB84
- 5D8E6E
- 4A7358
- 385943
- 27402F
- 17281D
- 08130C
- 010301
Tony
- 97DBAE
- 95D1A9
- 93C7A4
- 91BC9F
- 8FB299
- 8CA894
- 899E8F
- 86948A
- 838A85
Harmonie kolorów
Komplementarna +180°
- 99E6B3
Teal Deer
- FCB8ED
≈ Pink Quartz
Analogowa -30° +30°
- 99E6B3
Teal Deer
- C2DE91
≈ Tree Line
- 79E8DA
≈ Turquoise Chalk
Triada +120° +240°
- 99E6B3
Teal Deer
- C3CFFF
≈ Lavender Blue
- FFC0B0
≈ Porcellana
Komplementarna rozszczepiona +150° +210°
- 99E6B3
Teal Deer
- DEC4FF
≈ Neon Boneyard
- FFBCCB
≈ Rosie
Tetrada +90° +180° +270°
- 99E6B3
Teal Deer
- A9D7FF
≈ Malmö FF
- FCB8ED
≈ Pink Quartz
- FFC48C
≈ Bundaberg Sand
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.32:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.32:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--teal-deer: #99e6b3;
--teal-deer-rgb: 153 230 179;
--teal-deer-oklch: oklch(0.861 0.104 154.6);
}
.element {
color: var(--teal-deer);
background-color: hsl(140 61% 75%);
border-color: oklch(0.861 0.104 154.6);
}Tailwind CSS v4
@theme {
--color-teal-deer: #99e6b3;
--color-teal-deer-50: #deffe9;
--color-teal-deer-100: #cdf3da;
--color-teal-deer-200: #b0e2c2;
--color-teal-deer-300: #8ac8a2;
--color-teal-deer-400: #6ab183;
--color-teal-deer-500: #449a67;
--color-teal-deer-600: #3b8257;
--color-teal-deer-700: #2f6845;
--color-teal-deer-800: #234d30;
--color-teal-deer-900: #173521;
--color-teal-deer-950: #072010;
}SCSS
$teal-deer: #99e6b3;
$teal-deer-rgb: 153, 230, 179;
$teal-deer-light: mix(#fff, $teal-deer, 20%);
$teal-deer-dark: mix(#000, $teal-deer, 20%);
.element {
color: $teal-deer;
box-shadow: 0 0 0 2px rgba($teal-deer, 0.35);
}