Najbliższy nazwany kolor · #110E00
#110E00
Najbliższy nazwany kolor: King Kong
#110E00 (rgb(17 14 0), hsl(49 100% 3%), oklch(0.162 0.034 101)) jest najbliższy nazwanemu kolorowi King Kong. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#110E00
oklch(0.162 0.034 101)
Konwersje koloru
- HEX
- #110e00
- RGB
- rgb(17 14 0)
- HSL
- hsl(49 100% 3%)
- HWB
- hwb(49 0% 93%)
- OKLCH
- oklch(0.162 0.034 101)
- OKLab
- oklab(0.162 -0.006 0.033)
- CIE Lab
- lab(3.97 -0.41 5.89)
- LCH
- lch(3.97 5.91 94)
- CMYK
- cmyk(0% 18% 100% 93%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 242110
- 383626
- 4E4C3D
- 656356
- 7D7B70
- 95948B
- AFAEA7
- C9C8C3
- E4E3E1
Odcienie ciemniejsze
- 0D0B00
- 090700
- 060500
- 040300
- 020200
- 010100
- 000000
- 000000
- 000000
Tony
- 1A1807
- 242213
- 2F2D1F
- 39382C
- 444339
- 504F46
- 5B5B54
- 676763
- 747371
Harmonie kolorów
Komplementarna +180°
- 110E00
King Kong
- 0B0C1C
≈ Tristesse
Analogowa -30° +30°
- 110E00
King Kong
- 170B00
≈ Soy Sauce
- 091103
≈ Memorial Black
Triada +120° +240°
- 110E00
King Kong
- 001117
≈ Black Glaze
- 170812
≈ Noir Fiction
Komplementarna rozszczepiona +150° +210°
- 110E00
King Kong
- 030E1C
≈ Kuretake Black Manga
- 120918
≈ Noir Fiction
Tetrada +90° +180° +270°
- 110E00
King Kong
- 001211
≈ Black Glaze
- 0B0C1C
≈ Tristesse
- 1A070A
≈ Noir Fiction
Kontrast i dostępność
Ag
AAANa bieli
WCAG 19.32:1 · APCA Lc 106
Ag
FailNa czerni
WCAG 1.08:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 19.32:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmenty kodu
CSS
:root {
--king-kong: #110e00;
--king-kong-rgb: 17 14 0;
--king-kong-oklch: oklch(0.162 0.034 101);
}
.element {
color: var(--king-kong);
background-color: hsl(49 100% 3%);
border-color: oklch(0.162 0.034 101);
}Tailwind CSS v4
@theme {
--color-king-kong: #110e00;
--color-king-kong-50: #f7f6eb;
--color-king-kong-100: #eae9dc;
--color-king-kong-200: #d6d5c5;
--color-king-kong-300: #bab8a5;
--color-king-kong-400: #a29f89;
--color-king-kong-500: #8b876e;
--color-king-kong-600: #75725d;
--color-king-kong-700: #5e5c4a;
--color-king-kong-800: #454335;
--color-king-kong-900: #302e24;
--color-king-kong-950: #1c1b13;
}SCSS
$king-kong: #110e00;
$king-kong-rgb: 17, 14, 0;
$king-kong-light: mix(#fff, $king-kong, 20%);
$king-kong-dark: mix(#000, $king-kong, 20%);
.element {
color: $king-kong;
box-shadow: 0 0 0 2px rgba($king-kong, 0.35);
}