Couleur nommée la plus proche · #1D888E
#1D888E
Couleur nommée la plus proche: Turkish Jade
#1D888E (rgb(29 136 142), hsl(183 66% 34%), oklch(0.573 0.091 200.8)) est la plus proche de la couleur nommée Turkish Jade. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1D888E
oklch(0.573 0.091 200.8)
Conversions de couleur
- HEX
- #1d888e
- RGB
- rgb(29 136 142)
- HSL
- hsl(183 66% 34%)
- HWB
- hwb(183 11% 44%)
- OKLCH
- oklch(0.573 0.091 200.8)
- OKLab
- oklab(0.573 -0.085 -0.032)
- CIE Lab
- lab(51.34 -28.17 -12.08)
- LCH
- lch(51.34 30.65 203.2)
- CMYK
- cmyk(80% 4% 0% 44%)
Teintes · Ombres · Tons
Teintes
- 3E9499
- 579FA4
- 6EABAF
- 83B7BA
- 98C3C5
- ADCFD1
- C1DBDC
- D6E7E8
- EAF3F3
Ombres
- 18757B
- 136368
- 0E5256
- 094144
- 053134
- 032224
- 011315
- 000607
- 000101
Tons
- 30878D
- 3E878B
- 49868A
- 538589
- 5C8587
- 648486
- 6B8384
- 738283
- 798181
Harmonies de couleurs
Complémentaire +180°
- 1D888E
Turkish Jade
- A76261
≈ Rose Marquee
Analogue -30° +30°
- 1D888E
Turkish Jade
- 358971
≈ Ionian
- 3682A4
≈ Lake Henry
Triadique +120° +240°
- 1D888E
Turkish Jade
- 916699
≈ Viola Grey
- 947234
≈ Mulberry Brown
Complémentaire divisée +150° +210°
- 1D888E
Turkish Jade
- A1617F
≈ Beryl Red
- A36845
≈ Foxfire Brown
Tétradique +90° +180° +270°
- 1D888E
Turkish Jade
- 786EAA
≈ Wintertime Mauve
- A76261
≈ Rose Marquee
- 7B7D39
≈ Thai Basil
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.23:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.96:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.96:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--turkish-jade: #1d888e;
--turkish-jade-rgb: 29 136 142;
--turkish-jade-oklch: oklch(0.573 0.091 200.8);
}
.element {
color: var(--turkish-jade);
background-color: hsl(183 66% 34%);
border-color: oklch(0.573 0.091 200.8);
}Tailwind CSS v4
@theme {
--color-turkish-jade: #1d888e;
--color-turkish-jade-50: #d8fdff;
--color-turkish-jade-100: #c6f1f5;
--color-turkish-jade-200: #a7e0e5;
--color-turkish-jade-300: #7ec6cc;
--color-turkish-jade-400: #55afb4;
--color-turkish-jade-500: #1d989f;
--color-turkish-jade-600: #1d8086;
--color-turkish-jade-700: #18676b;
--color-turkish-jade-800: #0e4c4e;
--color-turkish-jade-900: #093536;
--color-turkish-jade-950: #002021;
}SCSS
$turkish-jade: #1d888e;
$turkish-jade-rgb: 29, 136, 142;
$turkish-jade-light: mix(#fff, $turkish-jade, 20%);
$turkish-jade-dark: mix(#000, $turkish-jade, 20%);
.element {
color: $turkish-jade;
box-shadow: 0 0 0 2px rgba($turkish-jade, 0.35);
}