Couleur nommée la plus proche · #2B3D36
#2B3D36
Couleur nommée la plus proche: Deep Forest
#2B3D36 (rgb(43 61 54), hsl(157 17% 20%), oklch(0.342 0.026 168.8)) est la plus proche de la couleur nommée Deep Forest. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2B3D36
oklch(0.342 0.026 168.8)
Conversions de couleur
- HEX
- #2b3d36
- RGB
- rgb(43 61 54)
- HSL
- hsl(157 17% 20%)
- HWB
- hwb(157 17% 76%)
- OKLCH
- oklch(0.342 0.026 168.8)
- OKLab
- oklab(0.342 -0.026 0.005)
- CIE Lab
- lab(24.02 -8.89 1.86)
- LCH
- lch(24.02 9.08 168.2)
- CMYK
- cmyk(30% 0% 11% 76%)
Teintes · Ombres · Tons
Teintes
- 3E4E47
- 51605A
- 65726D
- 798580
- 8E9894
- A4ACA9
- BAC0BD
- D0D5D3
- E8EAE9
Ombres
- 24342E
- 1D2B25
- 16221E
- 101A16
- 0A120F
- 050A08
- 020403
- 010101
- 000000
Tons
- 33433D
- 3B4A44
- 43504B
- 4C5752
- 545E5A
- 5D6461
- 656B69
- 6E7270
- 777978
Harmonies de couleurs
Complémentaire +180°
- 2B3D36
Deep Forest
- 43333B
≈ Deep Space Frigate
Analogue -30° +30°
- 2B3D36
Deep Forest
- 323C2F
≈ Sound of Silence
- 283D3E
≈ Sunken Cascades
Triadique +120° +240°
- 2B3D36
Deep Forest
- 383646
≈ Martinique
- 44352D
≈ Tobago
Complémentaire divisée +150° +210°
- 2B3D36
Deep Forest
- 3E3441
≈ Royal Coronation
- 453333
≈ Rebel
Tétradique +90° +180° +270°
- 2B3D36
Deep Forest
- 303946
≈ Biro Blue
- 43333B
≈ Deep Space Frigate
- 403729
≈ Jacko Bean
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.51:1 · APCA Lc 97
Ag
FailSur noir
WCAG 1.82:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 11.51:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
CSS
:root {
--deep-forest: #2b3d36;
--deep-forest-rgb: 43 61 54;
--deep-forest-oklch: oklch(0.342 0.026 168.8);
}
.element {
color: var(--deep-forest);
background-color: hsl(157 17% 20%);
border-color: oklch(0.342 0.026 168.8);
}Tailwind CSS v4
@theme {
--color-deep-forest: #2b3d36;
--color-deep-forest-50: #eef8f4;
--color-deep-forest-100: #e0ebe7;
--color-deep-forest-200: #cad8d3;
--color-deep-forest-300: #abbcb5;
--color-deep-forest-400: #90a49c;
--color-deep-forest-500: #768c83;
--color-deep-forest-600: #64776f;
--color-deep-forest-700: #505f59;
--color-deep-forest-800: #3a4540;
--color-deep-forest-900: #28302c;
--color-deep-forest-950: #161c19;
}SCSS
$deep-forest: #2b3d36;
$deep-forest-rgb: 43, 61, 54;
$deep-forest-light: mix(#fff, $deep-forest, 20%);
$deep-forest-dark: mix(#000, $deep-forest, 20%);
.element {
color: $deep-forest;
box-shadow: 0 0 0 2px rgba($deep-forest, 0.35);
}