En yakın adlandırılmış renk · #314E00
#314E00
En yakın adlandırılmış renk: Deep Forestial Escapade
#314E00 (rgb(49 78 0), hsl(82 100% 15%), oklch(0.386 0.104 129.8)) 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.
#314E00
oklch(0.386 0.104 129.8)
Renk dönüşümleri
- HEX
- #314e00
- RGB
- rgb(49 78 0)
- HSL
- hsl(82 100% 15%)
- HWB
- hwb(82 0% 69%)
- OKLCH
- oklch(0.386 0.104 129.8)
- OKLab
- oklab(0.386 -0.066 0.08)
- CIE Lab
- lab(29.78 -20.37 36.59)
- LCH
- lch(29.78 41.88 119.1)
- CMYK
- cmyk(37% 0% 100% 69%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 435E22
- 566F3A
- 698052
- 7D926A
- 92A381
- A7B59A
- BCC7B2
- D2DACB
- E8ECE5
Koyu tonlar
- 294300
- 223800
- 1A2D00
- 132300
- 0C1900
- 060F00
- 030700
- 010200
- 000000
Gri tonlar
- 395315
- 405824
- 485D31
- 50623D
- 586748
- 606C53
- 68715E
- 70766A
- 787B75
Renk uyumları
Tamamlayıcı +180°
- 314E00
Deep Forestial Escapade
- 55316D
≈ Imperial Purple
Analog -30° +30°
- 314E00
Deep Forestial Escapade
- 4E4400
≈ Roman Bronze
- 005233
≈ Permanent Green
Üçlü +120° +240°
- 314E00
Deep Forestial Escapade
- 074678
≈ Kolibri Blue
- 702737
≈ Merlot Fields
Bölünmüş tamamlayıcı +150° +210°
- 314E00
Deep Forestial Escapade
- 3A3B79
≈ Evening Magic
- 662A55
≈ Velvet Mauve
Dörtlü +90° +180° +270°
- 314E00
Deep Forestial Escapade
- 004C5E
≈ Teal Dark Blue
- 55316D
≈ Imperial Purple
- 702C12
≈ Moussaka
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 9.45:1 · APCA Lc 92
Siyah üzerinde
WCAG 2.22:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.45:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-forestial-escapade: #314e00;
--deep-forestial-escapade-rgb: 49 78 0;
--deep-forestial-escapade-oklch: oklch(0.386 0.104 129.8);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(82 100% 15%);
border-color: oklch(0.386 0.104 129.8);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #314e00;
--color-deep-forestial-escapade-50: #eafcde;
--color-deep-forestial-escapade-100: #dbf0cc;
--color-deep-forestial-escapade-200: #c4deb0;
--color-deep-forestial-escapade-300: #a4c38c;
--color-deep-forestial-escapade-400: #8aab68;
--color-deep-forestial-escapade-500: #6f9446;
--color-deep-forestial-escapade-600: #5e7d3c;
--color-deep-forestial-escapade-700: #4b6430;
--color-deep-forestial-escapade-800: #384920;
--color-deep-forestial-escapade-900: #263315;
--color-deep-forestial-escapade-950: #151e06;
}SCSS
$deep-forestial-escapade: #314e00;
$deep-forestial-escapade-rgb: 49, 78, 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);
}