Nazwany kolor · #38493E
Exclusive Green
Exclusive Green to #38493E: rgb(56 73 62), hsl(141 13% 25%), oklch(0.387 0.028 156.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Exclusive Green color name →
#38493E
oklch(0.387 0.028 156.4)
Konwersje koloru
- HEX
- #38493e
- RGB
- rgb(56 73 62)
- HSL
- hsl(141 13% 25%)
- HWB
- hwb(141 22% 71%)
- OKLCH
- oklch(0.387 0.028 156.4)
- OKLab
- oklab(0.387 -0.026 0.011)
- CIE Lab
- lab(29.28 -8.98 4.29)
- LCH
- lch(29.28 9.96 154.5)
- CMYK
- cmyk(23% 0% 15% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4A594F
- 5C6A61
- 6F7B73
- 828D86
- 969F99
- AAB2AC
- BFC5C0
- D4D8D5
- E9EBEA
Odcienie ciemniejsze
- 2F3E35
- 27342B
- 1F2A23
- 17201A
- 0F1712
- 080E0A
- 040604
- 010201
- 000000
Tony
- 3F4E44
- 46544B
- 4D5951
- 545E57
- 5B645E
- 626965
- 6A6F6B
- 717572
- 787A79
Harmonie kolorów
Komplementarna +180°
- 38493E
Exclusive Green
- 4E3F4A
≈ Passionfruit Mauve
Analogowa -30° +30°
- 38493E
Exclusive Green
- 404737
≈ Arame Seaweed Green
- 334947
≈ Frontier
Triada +120° +240°
- 38493E
Exclusive Green
- 404354
≈ Marshal Blue
- 523F3A
≈ Caviar Black
Komplementarna rozszczepiona +150° +210°
- 38493E
Exclusive Green
- 484050
≈ Jazlyn
- 523E42
≈ Royal Iris
Tetrada +90° +180° +270°
- 38493E
Exclusive Green
- 384653
≈ Surf’n’dive
- 4E3F4A
≈ Passionfruit Mauve
- 4F4134
≈ Nutria Fur Brown
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.58:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.19:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.58:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--exclusive-green: #38493e;
--exclusive-green-rgb: 56 73 62;
--exclusive-green-oklch: oklch(0.387 0.028 156.4);
}
.element {
color: var(--exclusive-green);
background-color: hsl(141 13% 25%);
border-color: oklch(0.387 0.028 156.4);
}Tailwind CSS v4
@theme {
--color-exclusive-green: #38493e;
--color-exclusive-green-50: #eff8f2;
--color-exclusive-green-100: #e0ebe4;
--color-exclusive-green-200: #cbd8d0;
--color-exclusive-green-300: #acbcb2;
--color-exclusive-green-400: #91a498;
--color-exclusive-green-500: #778c7e;
--color-exclusive-green-600: #65776b;
--color-exclusive-green-700: #515f56;
--color-exclusive-green-800: #3b453e;
--color-exclusive-green-900: #28302b;
--color-exclusive-green-950: #161c18;
}SCSS
$exclusive-green: #38493e;
$exclusive-green-rgb: 56, 73, 62;
$exclusive-green-light: mix(#fff, $exclusive-green, 20%);
$exclusive-green-dark: mix(#000, $exclusive-green, 20%);
.element {
color: $exclusive-green;
box-shadow: 0 0 0 2px rgba($exclusive-green, 0.35);
}