Nazwany kolor · #9D453C
Chilli Oil
Chilli Oil to #9D453C: rgb(157 69 60), hsl(6 45% 43%), oklch(0.504 0.119 28). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Chilli Oil color name →
#9D453C
oklch(0.504 0.119 28)
Konwersje koloru
- HEX
- #9d453c
- RGB
- rgb(157 69 60)
- HSL
- hsl(6 45% 43%)
- HWB
- hwb(6 24% 38%)
- OKLCH
- oklch(0.504 0.119 28)
- OKLab
- oklab(0.504 0.105 0.056)
- CIE Lab
- lab(41.28 36.93 24.21)
- LCH
- lch(41.28 44.16 33.2)
- CMYK
- cmyk(0% 56% 62% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A8584E
- B36A61
- BE7C73
- C88E86
- D2A19A
- DBB3AD
- E5C6C1
- EED9D5
- F7ECEA
Odcienie ciemniejsze
- 883B33
- 73312A
- 5F2721
- 4C1E19
- 3A1511
- 280C0A
- 180504
- 090201
- 010000
Tony
- 9B4C43
- 99534A
- 975951
- 955F58
- 92655F
- 8F6B65
- 8C706C
- 887573
- 847B79
Harmonie kolorów
Komplementarna +180°
- 9D453C
Chilli Oil
- 00727E
≈ Night Scape
Analogowa -30° +30°
- 9D453C
Chilli Oil
- 984364
≈ Satsuma Imo Red
- 955003
≈ Warm Brown
Triada +120° +240°
- 9D453C
Chilli Oil
- 29763A
≈ Japanese Laurel
- 475FA8
≈ Kakitsubata Blue
Komplementarna rozszczepiona +150° +210°
- 9D453C
Chilli Oil
- 007564
≈ Northern Hemisphere
- 006C9C
≈ Disarm
Tetrada +90° +180° +270°
- 9D453C
Chilli Oil
- 5F6C00
≈ Mud Green
- 00727E
≈ Night Scape
- 6D539F
≈ Sumire Violet
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.26:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.35:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--chilli-oil: #9d453c;
--chilli-oil-rgb: 157 69 60;
--chilli-oil-oklch: oklch(0.504 0.119 28);
}
.element {
color: var(--chilli-oil);
background-color: hsl(6 45% 43%);
border-color: oklch(0.504 0.119 28);
}Tailwind CSS v4
@theme {
--color-chilli-oil: #9d453c;
--color-chilli-oil-50: #ffe9e1;
--color-chilli-oil-100: #ffdad1;
--color-chilli-oil-200: #ffc2b6;
--color-chilli-oil-300: #eea093;
--color-chilli-oil-400: #dc8276;
--color-chilli-oil-500: #c96458;
--color-chilli-oil-600: #aa554b;
--color-chilli-oil-700: #88443c;
--color-chilli-oil-800: #66302c;
--color-chilli-oil-900: #47211e;
--color-chilli-oil-950: #2e100e;
}SCSS
$chilli-oil: #9d453c;
$chilli-oil-rgb: 157, 69, 60;
$chilli-oil-light: mix(#fff, $chilli-oil, 20%);
$chilli-oil-dark: mix(#000, $chilli-oil, 20%);
.element {
color: $chilli-oil;
box-shadow: 0 0 0 2px rgba($chilli-oil, 0.35);
}