En yakın adlandırılmış renk · #2F5800
#2F5800
En yakın adlandırılmış renk: Deep Forestial Escapade
#2F5800 (rgb(47 88 0), hsl(88 100% 17%), oklch(0.414 0.118 133.5)) en çok Deep Forestial Escapade 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.
#2F5800
oklch(0.414 0.118 133.5)
Renk dönüşümleri
- HEX
- #2f5800
- RGB
- rgb(47 88 0)
- HSL
- hsl(88 100% 17%)
- HWB
- hwb(88 0% 65%)
- OKLCH
- oklch(0.414 0.118 133.5)
- OKLab
- oklab(0.414 -0.081 0.085)
- CIE Lab
- lab(33.2 -25.63 39.08)
- LCH
- lch(33.2 46.74 123.3)
- CMYK
- cmyk(47% 0% 100% 65%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 426824
- 56783D
- 698855
- 7D986C
- 92A984
- A7BA9B
- BCCBB4
- D2DCCC
- E8EDE5
Koyu tonlar
- 274B00
- 203F00
- 193300
- 122800
- 0C1D00
- 061200
- 030900
- 010300
- 000000
Gri tonlar
- 375C17
- 406026
- 486533
- 50693F
- 586D4A
- 607155
- 687560
- 70786A
- 787C75
Renk uyumları
Tamamlayıcı +180°
- 2F5800
Deep Forestial Escapade
- 623478
≈ Purple Magic
Analog -30° +30°
- 2F5800
Deep Forestial Escapade
- 544D00
≈ Scorzonera Brown
- 005A3E
≈ Sacramento State Green
Üçlü +120° +240°
- 2F5800
Deep Forestial Escapade
- 104C89
≈ Magnetic Blue
- 7E2938
≈ Suō
Bölünmüş tamamlayıcı +150° +210°
- 2F5800
Deep Forestial Escapade
- 453F88
≈ Nauseous Blue
- 752C5B
≈ Magenta Purple
Dörtlü +90° +180° +270°
- 2F5800
Deep Forestial Escapade
- 00546A
≈ Blue Palisade
- 623478
≈ Purple Magic
- 7D3005
≈ Reddish Brown
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 8.34:1 · APCA Lc 89
Siyah üzerinde
WCAG 2.51:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.34:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-forestial-escapade: #2f5800;
--deep-forestial-escapade-rgb: 47 88 0;
--deep-forestial-escapade-oklch: oklch(0.414 0.118 133.5);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(88 100% 17%);
border-color: oklch(0.414 0.118 133.5);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #2f5800;
--color-deep-forestial-escapade-50: #e7fddc;
--color-deep-forestial-escapade-100: #d7f1ca;
--color-deep-forestial-escapade-200: #bee0ae;
--color-deep-forestial-escapade-300: #9dc588;
--color-deep-forestial-escapade-400: #82ae64;
--color-deep-forestial-escapade-500: #659640;
--color-deep-forestial-escapade-600: #567f37;
--color-deep-forestial-escapade-700: #45662c;
--color-deep-forestial-escapade-800: #334b1c;
--color-deep-forestial-escapade-900: #233412;
--color-deep-forestial-escapade-950: #121f05;
}SCSS
$deep-forestial-escapade: #2f5800;
$deep-forestial-escapade-rgb: 47, 88, 0;
$deep-forestial-escapade-light: mix(#fff, $deep-forestial-escapade, 20%);
$deep-forestial-escapade-dark: mix(#000, $deep-forestial-escapade, 20%);
.element {
color: $deep-forestial-escapade;
box-shadow: 0 0 0 2px rgba($deep-forestial-escapade, 0.35);
}