En yakın adlandırılmış renk · #153D1F
#153D1F
En yakın adlandırılmış renk: Queen of Trees
#153D1F (rgb(21 61 31), hsl(135 49% 16%), oklch(0.323 0.069 149.2)) en çok Queen of Trees adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#153D1F
oklch(0.323 0.069 149.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2C4E32
- 416047
- 57735B
- 6D8671
- 849987
- 9CAD9E
- B4C1B6
- CCD5CE
- E6EAE6
Koyu tonlar
- 113419
- 0C2B14
- 08220F
- 051A0A
- 031206
- 020A03
- 010401
- 000100
- 000000
Gri tonlar
- 214428
- 2C4A32
- 36513B
- 415744
- 4B5E4E
- 566558
- 606C62
- 6B726C
- 757976
Renk uyumları
Tamamlayıcı +180°
- 153D1F
Queen of Trees
- 472545
≈ Opulent Mauve
Analog -30° +30°
- 153D1F
Queen of Trees
- 303807
≈ Wasabi Nori
- 003D34
≈ Night Turquoise
Üçlü +120° +240°
- 153D1F
Queen of Trees
- 253157
≈ Boatswain
- 51241E
≈ Torrefacto Roast
Bölünmüş tamamlayıcı +150° +210°
- 153D1F
Queen of Trees
- 392A52
≈ Parachute Purple
- 4F2332
≈ Carambar
Dörtlü +90° +180° +270°
- 153D1F
Queen of Trees
- 053753
≈ Incremental Blue
- 472545
≈ Opulent Mauve
- 4D2907
≈ Brown Study
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.21:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.71:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.21:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
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);
}