Couleur nommée la plus proche · #153D1F
#153D1F
Couleur nommée la plus proche: Queen of Trees
#153D1F (rgb(21 61 31), hsl(135 49% 16%), oklch(0.323 0.069 149.2)) est la plus proche de la couleur nommée Queen of Trees. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#153D1F
oklch(0.323 0.069 149.2)
Conversions de couleur
- HEX
- #153d1f
- RGB
- rgb(21 61 31)
- HSL
- hsl(135 49% 16%)
- HWB
- hwb(135 8% 76%)
- OKLCH
- oklch(0.323 0.069 149.2)
- OKLab
- oklab(0.323 -0.06 0.035)
- CIE Lab
- lab(22.29 -20.67 14.11)
- LCH
- lch(22.29 25.03 145.7)
- CMYK
- cmyk(66% 0% 49% 76%)
Teintes · Ombres · Tons
Teintes
- 2C4E32
- 416047
- 57735B
- 6D8671
- 849987
- 9CAD9E
- B4C1B6
- CCD5CE
- E6EAE6
Ombres
- 113419
- 0C2B14
- 08220F
- 051A0A
- 031206
- 020A03
- 010401
- 000100
- 000000
Tons
- 214428
- 2C4A32
- 36513B
- 415744
- 4B5E4E
- 566558
- 606C62
- 6B726C
- 757976
Harmonies de couleurs
Complémentaire +180°
- 153D1F
Queen of Trees
- 472545
≈ Opulent Mauve
Analogue -30° +30°
- 153D1F
Queen of Trees
- 303807
≈ Wasabi Nori
- 003D34
≈ Night Turquoise
Triadique +120° +240°
- 153D1F
Queen of Trees
- 253157
≈ Boatswain
- 51241E
≈ Torrefacto Roast
Complémentaire divisée +150° +210°
- 153D1F
Queen of Trees
- 392A52
≈ Parachute Purple
- 4F2332
≈ Carambar
Tétradique +90° +180° +270°
- 153D1F
Queen of Trees
- 053753
≈ Incremental Blue
- 472545
≈ Opulent Mauve
- 4D2907
≈ Brown Study
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.21:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.71:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.21:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--queen-of-trees: #153d1f;
--queen-of-trees-rgb: 21 61 31;
--queen-of-trees-oklch: oklch(0.323 0.069 149.2);
}
.element {
color: var(--queen-of-trees);
background-color: hsl(135 49% 16%);
border-color: oklch(0.323 0.069 149.2);
}Tailwind CSS v4
@theme {
--color-queen-of-trees: #153d1f;
--color-queen-of-trees-50: #e8fbeb;
--color-queen-of-trees-100: #d8efdc;
--color-queen-of-trees-200: #c0ddc6;
--color-queen-of-trees-300: #9ec2a6;
--color-queen-of-trees-400: #82aa88;
--color-queen-of-trees-500: #65936d;
--color-queen-of-trees-600: #567d5d;
--color-queen-of-trees-700: #44644a;
--color-queen-of-trees-800: #324934;
--color-queen-of-trees-900: #223324;
--color-queen-of-trees-950: #111e13;
}SCSS
$queen-of-trees: #153d1f;
$queen-of-trees-rgb: 21, 61, 31;
$queen-of-trees-light: mix(#fff, $queen-of-trees, 20%);
$queen-of-trees-dark: mix(#000, $queen-of-trees, 20%);
.element {
color: $queen-of-trees;
box-shadow: 0 0 0 2px rgba($queen-of-trees, 0.35);
}