Najbliższy nazwany kolor · #231517
#231517
Najbliższy nazwany kolor: Italian Roast
#231517 (rgb(35 21 23), hsl(351 25% 11%), oklch(0.215 0.023 9.8)) jest najbliższy nazwanemu kolorowi Italian Roast. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#231517
oklch(0.215 0.023 9.8)
Konwersje koloru
- HEX
- #231517
- RGB
- rgb(35 21 23)
- HSL
- hsl(351 25% 11%)
- HWB
- hwb(351 8% 86%)
- OKLCH
- oklch(0.215 0.023 9.8)
- OKLab
- oklab(0.215 0.023 0.004)
- CIE Lab
- lab(8.68 7.65 1.61)
- LCH
- lch(8.68 7.82 11.9)
- CMYK
- cmyk(0% 40% 34% 86%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 36282A
- 4A3C3E
- 5E5253
- 73686A
- 898081
- A09899
- B7B1B1
- CECACB
- E6E4E5
Odcienie ciemniejsze
- 1D1112
- 170C0E
- 11080A
- 0C0506
- 070304
- 040202
- 010101
- 000000
- 000000
Tony
- 2C1E20
- 34282A
- 3D3234
- 463D3E
- 504748
- 595253
- 635D5E
- 6C6969
- 767474
Harmonie kolorów
Komplementarna +180°
- 231517
Italian Roast
- 0C1D1C
≈ Black Stallion
Analogowa -30° +30°
- 231517
Italian Roast
- 21151D
≈ Bats Cloak
- 231611
≈ Used Oil
Triada +120° +240°
- 231517
Italian Roast
- 161C10
≈ Nightshade Berries
- 111A24
≈ River Styx
Komplementarna rozszczepiona +150° +210°
- 231517
Italian Roast
- 101D16
≈ Twilight Zone
- 0C1C21
≈ Black Stallion
Tetrada +90° +180° +270°
- 231517
Italian Roast
- 1C1A0D
≈ Noir Mystique
- 0C1D1C
≈ Black Stallion
- 171824
≈ River Styx
Kontrast i dostępność
Ag
AAANa bieli
WCAG 17.63:1 · APCA Lc 104
Ag
FailNa czerni
WCAG 1.19:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 17.63:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmenty kodu
CSS
:root {
--italian-roast: #231517;
--italian-roast-rgb: 35 21 23;
--italian-roast-oklch: oklch(0.215 0.023 9.8);
}
.element {
color: var(--italian-roast);
background-color: hsl(351 25% 11%);
border-color: oklch(0.215 0.023 9.8);
}Tailwind CSS v4
@theme {
--color-italian-roast: #231517;
--color-italian-roast-50: #fcf3f3;
--color-italian-roast-100: #efe5e6;
--color-italian-roast-200: #ded0d1;
--color-italian-roast-300: #c3b3b4;
--color-italian-roast-400: #ac999b;
--color-italian-roast-500: #958083;
--color-italian-roast-600: #7e6d6f;
--color-italian-roast-700: #655758;
--color-italian-roast-800: #4a3f41;
--color-italian-roast-900: #332b2d;
--color-italian-roast-950: #1f191a;
}SCSS
$italian-roast: #231517;
$italian-roast-rgb: 35, 21, 23;
$italian-roast-light: mix(#fff, $italian-roast, 20%);
$italian-roast-dark: mix(#000, $italian-roast, 20%);
.element {
color: $italian-roast;
box-shadow: 0 0 0 2px rgba($italian-roast, 0.35);
}