Colore con nome più vicino · #151107
#151107
Colore con nome più vicino: King Kong
#151107 (rgb(21 17 7), hsl(43 50% 5%), oklch(0.179 0.02 89.1)) è più vicino al colore con nome King Kong. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#151107
oklch(0.179 0.02 89.1)
Conversioni di colore
- HEX
- #151107
- RGB
- rgb(21 17 7)
- HSL
- hsl(43 50% 5%)
- HWB
- hwb(43 3% 92%)
- OKLCH
- oklch(0.179 0.02 89.1)
- OKLab
- oklab(0.179 0 0.02)
- CIE Lab
- lab(5.25 0.5 4.97)
- LCH
- lch(5.25 4.99 84.2)
- CMYK
- cmyk(0% 19% 67% 92%)
Tinte · Ombre · Toni
Tinte
- 28241A
- 3C392F
- 524E46
- 68655E
- 7F7D76
- 989690
- B0AFAB
- CAC9C6
- E4E4E2
Ombre
- 110D05
- 0C0904
- 080602
- 050402
- 030201
- 020100
- 010000
- 000000
- 000000
Toni
- 1E1B11
- 28251C
- 322F27
- 3C3A33
- 47453F
- 52504B
- 5D5C58
- 696865
- 747472
Armonie di colore
Complementare +180°
- 151107
King Kong
- 0E111B
≈ Midnight Edition
Analogo -30° +30°
- 151107
King Kong
- 180F08
≈ Black Raspberry
- 101308
≈ Sinister
Triadico +120° +240°
- 151107
King Kong
- 061416
≈ Black Is Back
- 170E16
≈ Scandinavian Liquorice
Complementare divisa +150° +210°
- 151107
King Kong
- 091319
≈ Midnight Edition
- 130F19
≈ Nyctophobia
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.83:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.11:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.83:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--king-kong: #151107;
--king-kong-rgb: 21 17 7;
--king-kong-oklch: oklch(0.179 0.02 89.1);
}
.element {
color: var(--king-kong);
background-color: hsl(43 50% 5%);
border-color: oklch(0.179 0.02 89.1);
}Tailwind CSS v4
@theme {
--color-king-kong: #151107;
--color-king-kong-50: #f7f5ef;
--color-king-kong-100: #eae8e0;
--color-king-kong-200: #d7d4cb;
--color-king-kong-300: #bbb7ac;
--color-king-kong-400: #a39e91;
--color-king-kong-500: #8b8677;
--color-king-kong-600: #767165;
--color-king-kong-700: #5e5b51;
--color-king-kong-800: #45423b;
--color-king-kong-900: #302e28;
--color-king-kong-950: #1c1a16;
}SCSS
$king-kong: #151107;
$king-kong-rgb: 21, 17, 7;
$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);
}