Couleur nommée la plus proche · #004B4B
#004B4B
Couleur nommée la plus proche: Tropical Forest
#004B4B (rgb(0 75 75), hsl(180 100% 15%), oklch(0.374 0.064 194.8)) est la plus proche de la couleur nommée Tropical Forest. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#004B4B
oklch(0.374 0.064 194.8)
Conversions de couleur
- HEX
- #004b4b
- RGB
- rgb(0 75 75)
- HSL
- hsl(180 100% 15%)
- HWB
- hwb(180 0% 71%)
- OKLCH
- oklch(0.374 0.064 194.8)
- OKLab
- oklab(0.374 -0.062 -0.016)
- CIE Lab
- lab(28.04 -20.91 -6.18)
- LCH
- lch(28.04 21.81 196.5)
- CMYK
- cmyk(100% 0% 0% 71%)
Teintes · Ombres · Tons
Teintes
- 255B5B
- 3E6C6C
- 557D7D
- 6D8F8E
- 84A1A0
- 9CB3B3
- B4C6C5
- CDD9D8
- E6ECEB
Ombres
- 004040
- 003535
- 002B2B
- 002121
- 001717
- 000E0E
- 000606
- 000202
- 000000
Tons
- 185050
- 275655
- 345B5A
- 3F6060
- 4A6565
- 556B6A
- 607070
- 6B7575
- 757B7B
Harmonies de couleurs
Complémentaire +180°
- 004B4B
Tropical Forest
- 5E3236
≈ Rampant Rhubarb
Analogue -30° +30°
- 004B4B
Tropical Forest
- 194B38
≈ County Green
- 0F485A
≈ Sultan’s Silk
Triadique +120° +240°
- 004B4B
Tropical Forest
- 4D3658
≈ Blackberry Cordial
- 543B15
≈ Pineapple
Complémentaire divisée +150° +210°
- 004B4B
Tropical Forest
- 593249
≈ Italian Plum
- 5D3523
≈ Chubby Chocolate
Tétradique +90° +180° +270°
- 004B4B
Tropical Forest
- 3D3C61
≈ Patriot Blue
- 5E3236
≈ Rampant Rhubarb
- 464216
≈ Alligator Gladiator
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.96:1 · APCA Lc 93
Ag
FailSur noir
WCAG 2.10:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--tropical-forest: #004b4b;
--tropical-forest-rgb: 0 75 75;
--tropical-forest-oklch: oklch(0.374 0.064 194.8);
}
.element {
color: var(--tropical-forest);
background-color: hsl(180 100% 15%);
border-color: oklch(0.374 0.064 194.8);
}Tailwind CSS v4
@theme {
--color-tropical-forest: #004b4b;
--color-tropical-forest-50: #e1fbfb;
--color-tropical-forest-100: #d0efef;
--color-tropical-forest-200: #b6dddd;
--color-tropical-forest-300: #91c2c2;
--color-tropical-forest-400: #70abaa;
--color-tropical-forest-500: #4e9493;
--color-tropical-forest-600: #437d7c;
--color-tropical-forest-700: #356464;
--color-tropical-forest-800: #264948;
--color-tropical-forest-900: #193332;
--color-tropical-forest-950: #091f1e;
}SCSS
$tropical-forest: #004b4b;
$tropical-forest-rgb: 0, 75, 75;
$tropical-forest-light: mix(#fff, $tropical-forest, 20%);
$tropical-forest-dark: mix(#000, $tropical-forest, 20%);
.element {
color: $tropical-forest;
box-shadow: 0 0 0 2px rgba($tropical-forest, 0.35);
}