Couleur nommée la plus proche · #8DDFBB
#8DDFBB
Couleur nommée la plus proche: Tadorna Teal
#8DDFBB (rgb(141 223 187), hsl(154 56% 71%), oklch(0.841 0.096 164.7)) est la plus proche de la couleur nommée Tadorna Teal. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8DDFBB
oklch(0.841 0.096 164.7)
Conversions de couleur
- HEX
- #8ddfbb
- RGB
- rgb(141 223 187)
- HSL
- hsl(154 56% 71%)
- HWB
- hwb(154 55% 13%)
- OKLCH
- oklch(0.841 0.096 164.7)
- OKLab
- oklab(0.841 -0.092 0.025)
- CIE Lab
- lab(82.83 -32.09 9.42)
- LCH
- lch(82.83 33.44 163.6)
- CMYK
- cmyk(37% 0% 16% 13%)
Teintes · Ombres · Tons
Teintes
- 9AE2C2
- A6E6C8
- B2E9CF
- BDECD6
- C8EFDD
- D4F3E3
- DFF6EA
- E9F9F1
- F4FCF8
Ombres
- 7AC2A2
- 67A58A
- 558A73
- 446F5C
- 335646
- 233D32
- 14271F
- 07120D
- 010202
Tons
- 8DD5B5
- 8CCBAF
- 8CC2A9
- 8BB8A3
- 89AF9D
- 88A597
- 869C91
- 84928C
- 828986
Harmonies de couleurs
Complémentaire +180°
- 8DDFBB
Tadorna Teal
- F8B2D9
≈ Lavender Candy
Analogue -30° +30°
- 8DDFBB
Tadorna Teal
- B0D99A
≈ Witty Green
- 79DFDE
≈ Cold Blue
Triadique +120° +240°
- 8DDFBB
Tadorna Teal
- C4C4FF
≈ Light Periwinkle
- FFB898
≈ Pallid Orange
Complémentaire divisée +150° +210°
- 8DDFBB
Tadorna Teal
- E2B8F6
≈ Lavender Fragrance
- FFB4B9
≈ Young Salmon
Tétradique +90° +180° +270°
- 8DDFBB
Tadorna Teal
- A8CEFF
≈ Night Snow
- F8B2D9
≈ Lavender Candy
- F0C283
≈ Golden Hominy
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.56:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.40:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--tadorna-teal: #8ddfbb;
--tadorna-teal-rgb: 141 223 187;
--tadorna-teal-oklch: oklch(0.841 0.096 164.7);
}
.element {
color: var(--tadorna-teal);
background-color: hsl(154 56% 71%);
border-color: oklch(0.841 0.096 164.7);
}Tailwind CSS v4
@theme {
--color-tadorna-teal: #8ddfbb;
--color-tadorna-teal-50: #dcfeef;
--color-tadorna-teal-100: #cbf3e1;
--color-tadorna-teal-200: #aee2cb;
--color-tadorna-teal-300: #87c7ad;
--color-tadorna-teal-400: #64b190;
--color-tadorna-teal-500: #3c9a76;
--color-tadorna-teal-600: #348264;
--color-tadorna-teal-700: #2a6850;
--color-tadorna-teal-800: #1e4d39;
--color-tadorna-teal-900: #143527;
--color-tadorna-teal-950: #052015;
}SCSS
$tadorna-teal: #8ddfbb;
$tadorna-teal-rgb: 141, 223, 187;
$tadorna-teal-light: mix(#fff, $tadorna-teal, 20%);
$tadorna-teal-dark: mix(#000, $tadorna-teal, 20%);
.element {
color: $tadorna-teal;
box-shadow: 0 0 0 2px rgba($tadorna-teal, 0.35);
}