En yakın adlandırılmış renk · #003900
#003900
En yakın adlandırılmış renk: Melancholia
#003900 (rgb(0 57 0), hsl(120 100% 11%), oklch(0.299 0.102 142.5)) en çok Melancholia 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.
#003900
oklch(0.299 0.102 142.5)
Renk dönüşümleri
- HEX
- #003900
- RGB
- rgb(0 57 0)
- HSL
- hsl(120 100% 11%)
- HWB
- hwb(120 0% 78%)
- OKLCH
- oklch(0.299 0.102 142.5)
- OKLab
- oklab(0.299 -0.081 0.062)
- CIE Lab
- lab(19.77 -27.32 26.6)
- LCH
- lch(19.77 38.12 135.8)
- CMYK
- cmyk(100% 0% 100% 78%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1E4B1B
- 365D33
- 4D704A
- 658462
- 7E977B
- 96AB94
- B0C0AE
- CAD5C8
- E4EAE3
Koyu tonlar
- 003000
- 002800
- 001F00
- 001700
- 001000
- 000900
- 000400
- 000100
- 000000
Gri tonlar
- 124010
- 20471E
- 2D4E2A
- 395536
- 455C42
- 50644E
- 5C6B5B
- 687267
- 747973
Renk uyumları
Tamamlayıcı +180°
- 003900
Melancholia
- 44174A
≈ Velvet Cosmos
Analog -30° +30°
- 003900
Melancholia
- 2E3000
≈ Wasabi Nori
- 00372A
≈ Coach Green
Üçlü +120° +240°
- 003900
Melancholia
- 0F295F
≈ Blue Leviathan
- 550F14
≈ Mama Africa
Bölünmüş tamamlayıcı +150° +210°
- 003900
Melancholia
- 311F5B
≈ Cluedo Night
- 501032
≈ Tulip Poplar Purple
Dörtlü +90° +180° +270°
- 003900
Melancholia
- 003247
≈ Cosmos Blue
- 44174A
≈ Velvet Cosmos
- 4A2000
≈ Chrysophobia
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.24:1 · APCA Lc 99
Ag
FailSiyah üzerinde
WCAG 1.58:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.24:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--melancholia: #003900;
--melancholia-rgb: 0 57 0;
--melancholia-oklch: oklch(0.299 0.102 142.5);
}
.element {
color: var(--melancholia);
background-color: hsl(120 100% 11%);
border-color: oklch(0.299 0.102 142.5);
}Tailwind CSS v4
@theme {
--color-melancholia: #003900;
--color-melancholia-50: #e4fde3;
--color-melancholia-100: #d4f1d3;
--color-melancholia-200: #bae0ba;
--color-melancholia-300: #98c697;
--color-melancholia-400: #7bae76;
--color-melancholia-500: #5c9757;
--color-melancholia-600: #4f804b;
--color-melancholia-700: #3f663b;
--color-melancholia-800: #2e4b29;
--color-melancholia-900: #1f341b;
--color-melancholia-950: #0f1f0c;
}SCSS
$melancholia: #003900;
$melancholia-rgb: 0, 57, 0;
$melancholia-light: mix(#fff, $melancholia, 20%);
$melancholia-dark: mix(#000, $melancholia, 20%);
.element {
color: $melancholia;
box-shadow: 0 0 0 2px rgba($melancholia, 0.35);
}