En yakın adlandırılmış renk · #1F4828
#1F4828
En yakın adlandırılmış renk: Queen of Trees
#1F4828 (rgb(31 72 40), hsl(133 40% 20%), oklch(0.363 0.072 148.9)) 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.
#1F4828
oklch(0.363 0.072 148.9)
Renk dönüşümleri
- HEX
- #1f4828
- RGB
- rgb(31 72 40)
- HSL
- hsl(133 40% 20%)
- HWB
- hwb(133 12% 72%)
- OKLCH
- oklch(0.363 0.072 148.9)
- OKLab
- oklab(0.363 -0.061 0.037)
- CIE Lab
- lab(26.96 -21.26 14.65)
- LCH
- lch(26.96 25.82 145.4)
- CMYK
- cmyk(57% 0% 44% 72%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 34593B
- 496A4F
- 5E7B63
- 748D77
- 8A9F8D
- A1B2A3
- B7C5B9
- CFD8D0
- E7EBE7
Koyu tonlar
- 193D21
- 14331B
- 0F2915
- 0A1F0F
- 061609
- 030D04
- 010602
- 000201
- 000000
Gri tonlar
- 2A4E31
- 345339
- 3D5942
- 475E4A
- 506453
- 5A695C
- 636F65
- 6D756E
- 767A77
Renk uyumları
Tamamlayıcı +180°
- 1F4828
Queen of Trees
- 522F50
≈ Plum Skin
Analog -30° +30°
- 1F4828
Queen of Trees
- 3A4311
≈ Green Not Found
- 00493E
≈ Tropical Forest
Üçlü +120° +240°
- 1F4828
Queen of Trees
- 2E3B63
≈ Blue Depths
- 5E2E27
≈ Rookwood Red
Bölünmüş tamamlayıcı +150° +210°
- 1F4828
Queen of Trees
- 43355E
≈ Jakarta Skyline
- 5B2C3D
≈ Windsor Wine
Dörtlü +90° +180° +270°
- 1F4828
Queen of Trees
- 10425F
≈ Neptune’s Wrath
- 522F50
≈ Plum Skin
- 593311
≈ Moelleux au Chocolat
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.41:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.01:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.41:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--queen-of-trees: #1f4828;
--queen-of-trees-rgb: 31 72 40;
--queen-of-trees-oklch: oklch(0.363 0.072 148.9);
}
.element {
color: var(--queen-of-trees);
background-color: hsl(133 40% 20%);
border-color: oklch(0.363 0.072 148.9);
}Tailwind CSS v4
@theme {
--color-queen-of-trees: #1f4828;
--color-queen-of-trees-50: #e7fbeb;
--color-queen-of-trees-100: #d8efdc;
--color-queen-of-trees-200: #bfddc5;
--color-queen-of-trees-300: #9dc2a5;
--color-queen-of-trees-400: #81ab87;
--color-queen-of-trees-500: #64946c;
--color-queen-of-trees-600: #557d5c;
--color-queen-of-trees-700: #446449;
--color-queen-of-trees-800: #324934;
--color-queen-of-trees-900: #223323;
--color-queen-of-trees-950: #111e12;
}SCSS
$queen-of-trees: #1f4828;
$queen-of-trees-rgb: 31, 72, 40;
$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);
}