Najbliższy nazwany kolor · #AA3E32
#AA3E32
Najbliższy nazwany kolor: Chocolate Chilli
#AA3E32 (rgb(170 62 50), hsl(6 55% 43%), oklch(0.513 0.144 29.3)) jest najbliższy nazwanemu kolorowi Chocolate Chilli. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AA3E32
oklch(0.513 0.144 29.3)
Konwersje koloru
- HEX
- #aa3e32
- RGB
- rgb(170 62 50)
- HSL
- hsl(6 55% 43%)
- HWB
- hwb(6 20% 33%)
- OKLCH
- oklch(0.513 0.144 29.3)
- OKLab
- oklab(0.513 0.126 0.071)
- CIE Lab
- lab(42.14 44.58 31.81)
- LCH
- lch(42.14 54.76 35.5)
- CMYK
- cmyk(0% 64% 71% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B55346
- BF665A
- C8796D
- D18C81
- DA9F96
- E2B2AA
- EAC5BF
- F2D8D4
- F9ECE9
Odcienie ciemniejsze
- 93352A
- 7D2B22
- 68231B
- 531A14
- 3F120D
- 2D0A07
- 1B0403
- 0B0101
- 010000
Tony
- A7473B
- A44F43
- A1564B
- 9D5D53
- 99635B
- 956962
- 906F6A
- 8B7571
- 867B79
Harmonie kolorów
Komplementarna +180°
- AA3E32
Chocolate Chilli
- 007482
≈ Deep Current
Analogowa -30° +30°
- AA3E32
Chocolate Chilli
- A53B65
≈ Valentine’s Day
- 985200
≈ Mochaccino
Triada +120° +240°
- AA3E32
Chocolate Chilli
- 007C34
≈ Verdant Vale
- 465FB9
≈ Chinese Bellflower
Komplementarna rozszczepiona +150° +210°
- AA3E32
Chocolate Chilli
- 007868
≈ Shady Glade
- 006EA2
≈ Disarm
Tetrada +90° +180° +270°
- AA3E32
Chocolate Chilli
- 607000
≈ Brownish Green
- 007482
≈ Deep Current
- 744FAD
≈ Royal Lavender
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.09:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.44:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--chocolate-chilli: #aa3e32;
--chocolate-chilli-rgb: 170 62 50;
--chocolate-chilli-oklch: oklch(0.513 0.144 29.3);
}
.element {
color: var(--chocolate-chilli);
background-color: hsl(6 55% 43%);
border-color: oklch(0.513 0.144 29.3);
}Tailwind CSS v4
@theme {
--color-chocolate-chilli: #aa3e32;
--color-chocolate-chilli-50: #ffe7dc;
--color-chocolate-chilli-100: #ffd7cb;
--color-chocolate-chilli-200: #ffbeae;
--color-chocolate-chilli-300: #f89b89;
--color-chocolate-chilli-400: #e77a6b;
--color-chocolate-chilli-500: #d5594a;
--color-chocolate-chilli-600: #b44c40;
--color-chocolate-chilli-700: #903d33;
--color-chocolate-chilli-800: #6c2b25;
--color-chocolate-chilli-900: #4c1d19;
--color-chocolate-chilli-950: #320c0a;
}SCSS
$chocolate-chilli: #aa3e32;
$chocolate-chilli-rgb: 170, 62, 50;
$chocolate-chilli-light: mix(#fff, $chocolate-chilli, 20%);
$chocolate-chilli-dark: mix(#000, $chocolate-chilli, 20%);
.element {
color: $chocolate-chilli;
box-shadow: 0 0 0 2px rgba($chocolate-chilli, 0.35);
}