Couleur nommée la plus proche · #2D7200
#2D7200
Couleur nommée la plus proche: Forest Empress
#2D7200 (rgb(45 114 0), hsl(96 100% 22%), oklch(0.488 0.15 137.8)) est la plus proche de la couleur nommée Forest Empress. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2D7200
oklch(0.488 0.15 137.8)
Conversions de couleur
- HEX
- #2d7200
- RGB
- rgb(45 114 0)
- HSL
- hsl(96 100% 22%)
- HWB
- hwb(96 0% 55%)
- OKLCH
- oklch(0.488 0.15 137.8)
- OKLab
- oklab(0.488 -0.111 0.101)
- CIE Lab
- lab(42.23 -36.36 45.88)
- LCH
- lch(42.23 58.55 128.4)
- CMYK
- cmyk(61% 0% 100% 55%)
Teintes · Ombres · Tons
Teintes
- 43802A
- 588E44
- 6C9C5B
- 81AA72
- 95B889
- AAC6A0
- BFD4B8
- D4E2CF
- E9F1E7
Ombres
- 266200
- 1F5300
- 184400
- 113600
- 0B2800
- 061B00
- 020E00
- 010400
- 000100
Tons
- 38741C
- 41762C
- 4A7739
- 527944
- 5A7A4F
- 627C59
- 6A7D63
- 717E6D
- 797F76
Harmonies de couleurs
Complémentaire +180°
- 2D7200
Forest Empress
- 823E96
≈ Cadmium Violet
Analogue -30° +30°
- 2D7200
Forest Empress
- 666300
≈ Earthy Khaki Green
- 007155
≈ Lush Meadow
Triadique +120° +240°
- 2D7200
Forest Empress
- 1F5DB3
≈ Greek Flag Blue
- A3303F
≈ Radish
Complémentaire divisée +150° +210°
- 2D7200
Forest Empress
- 5E4CAF
≈ Swiss Plum
- 99336F
≈ Magenta Manicure
Tétradique +90° +180° +270°
- 2D7200
Forest Empress
- 006A8A
≈ Techno Blue
- 823E96
≈ Cadmium Violet
- 9A4200
≈ Roux
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.96:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.51:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 5.96:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--forest-empress: #2d7200;
--forest-empress-rgb: 45 114 0;
--forest-empress-oklch: oklch(0.488 0.15 137.8);
}
.element {
color: var(--forest-empress);
background-color: hsl(96 100% 22%);
border-color: oklch(0.488 0.15 137.8);
}Tailwind CSS v4
@theme {
--color-forest-empress: #2d7200;
--color-forest-empress-50: #dfffd8;
--color-forest-empress-100: #cef5c5;
--color-forest-empress-200: #b3e4a7;
--color-forest-empress-300: #8eca80;
--color-forest-empress-400: #70b357;
--color-forest-empress-500: #4e9c2b;
--color-forest-empress-600: #438427;
--color-forest-empress-700: #356a1f;
--color-forest-empress-800: #294d11;
--color-forest-empress-900: #1b360b;
--color-forest-empress-950: #0b2101;
}SCSS
$forest-empress: #2d7200;
$forest-empress-rgb: 45, 114, 0;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}