En yakın adlandırılmış renk · #003618
#003618
En yakın adlandırılmış renk: Haunted Hills
#003618 (rgb(0 54 24), hsl(147 100% 11%), oklch(0.292 0.076 152.6)) en çok Haunted Hills 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.
#003618
oklch(0.292 0.076 152.6)
Renk dönüşümleri
- HEX
- #003618
- RGB
- rgb(0 54 24)
- HSL
- hsl(147 100% 11%)
- HWB
- hwb(147 0% 79%)
- OKLCH
- oklch(0.292 0.076 152.6)
- OKLab
- oklab(0.292 -0.067 0.035)
- CIE Lab
- lab(18.8 -23.77 13.9)
- LCH
- lch(18.8 27.54 149.7)
- CMYK
- cmyk(100% 0% 56% 79%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1D482C
- 365A40
- 4D6D56
- 65816C
- 7D9583
- 96A99B
- AFBEB3
- C9D3CC
- E4E9E5
Koyu tonlar
- 002E13
- 00250F
- 001E0A
- 001607
- 000F04
- 000802
- 000301
- 000100
- 000000
Gri tonlar
- 123D22
- 20442C
- 2D4C36
- 395340
- 445A4A
- 506255
- 5C695F
- 68716A
- 747875
Renk uyumları
Tamamlayıcı +180°
- 003618
Haunted Hills
- 411B3C
≈ Purple Void
Analog -30° +30°
- 003618
Haunted Hills
- 263100
≈ Blind Forest
- 00342E
≈ Fence Green
Üçlü +120° +240°
- 003618
Haunted Hills
- 202851
≈ Space Cadet
- 4B1A11
≈ Barbecue Sauce
Bölünmüş tamamlayıcı +150° +210°
- 003618
Haunted Hills
- 33214A
≈ Elderberry
- 491828
≈ Vino Tinto
Dörtlü +90° +180° +270°
- 003618
Haunted Hills
- 002F4B
≈ Cosmos Blue
- 411B3C
≈ Purple Void
- 432300
≈ Blackened Brown
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.62:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.54:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.62:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--haunted-hills: #003618;
--haunted-hills-rgb: 0 54 24;
--haunted-hills-oklch: oklch(0.292 0.076 152.6);
}
.element {
color: var(--haunted-hills);
background-color: hsl(147 100% 11%);
border-color: oklch(0.292 0.076 152.6);
}Tailwind CSS v4
@theme {
--color-haunted-hills: #003618;
--color-haunted-hills-50: #e5fcec;
--color-haunted-hills-100: #d5f0dd;
--color-haunted-hills-200: #bcdec6;
--color-haunted-hills-300: #99c3a6;
--color-haunted-hills-400: #7cac89;
--color-haunted-hills-500: #5e956e;
--color-haunted-hills-600: #507e5d;
--color-haunted-hills-700: #40654a;
--color-haunted-hills-800: #2e4a35;
--color-haunted-hills-900: #1f3324;
--color-haunted-hills-950: #0f1f13;
}SCSS
$haunted-hills: #003618;
$haunted-hills-rgb: 0, 54, 24;
$haunted-hills-light: mix(#fff, $haunted-hills, 20%);
$haunted-hills-dark: mix(#000, $haunted-hills, 20%);
.element {
color: $haunted-hills;
box-shadow: 0 0 0 2px rgba($haunted-hills, 0.35);
}