Dichtstbijzijnde benoemde kleur · #BF573F
#BF573F
Dichtstbijzijnde benoemde kleur: Hot Chilli
#BF573F (rgb(191 87 63), hsl(11 50% 50%), oklch(0.582 0.139 34.3)) komt het dichtst bij de benoemde kleur Hot Chilli. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#BF573F
oklch(0.582 0.139 34.3)
Kleurconversies
- HEX
- #bf573f
- RGB
- rgb(191 87 63)
- HSL
- hsl(11 50% 50%)
- HWB
- hwb(11 25% 25%)
- OKLCH
- oklch(0.582 0.139 34.3)
- OKLab
- oklab(0.582 0.115 0.079)
- CIE Lab
- lab(50.36 41.46 34.83)
- LCH
- lch(50.36 54.15 40)
- CMYK
- cmyk(0% 54% 67% 25%)
Tinten · Schaduwen · Tonen
Tinten
- C76952
- CF7A65
- D68A78
- DD9B8B
- E4AB9D
- EABCB1
- F0CDC4
- F5DDD7
- FAEEEB
Schaduwen
- A64B35
- 8D3E2C
- 753323
- 5E271B
- 481C12
- 33120A
- 1F0804
- 0D0301
- 020000
Tonen
- BA5C47
- B4614E
- AF6655
- A96A5B
- A36F62
- 9C7268
- 96766E
- 8F7A74
- 887D7A
Kleurharmonieën
Complementair +180°
- BF573F
Hot Chilli
- 008AA0
≈ Teal Blue
Analoog -30° +30°
- BF573F
Hot Chilli
- BC5271
≈ Shattan Gold
- AF6700
≈ Ginger
Triadisch +120° +240°
- BF573F
Hot Chilli
- 169254
≈ Emerald Isle
- 6372CD
≈ Indigo Light
Gesplitst complementair +150° +210°
- BF573F
Hot Chilli
- 008E82
≈ Aqua Experience
- 1281C7
≈ Eye Blue
Tetradisch +90° +180° +270°
- BF573F
Hot Chilli
- 698811
≈ Italian Buckthorn
- 008AA0
≈ Teal Blue
- 8E63BD
≈ Lusty Lavender
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.51:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.65:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--hot-chilli: #bf573f;
--hot-chilli-rgb: 191 87 63;
--hot-chilli-oklch: oklch(0.582 0.139 34.3);
}
.element {
color: var(--hot-chilli);
background-color: hsl(11 50% 50%);
border-color: oklch(0.582 0.139 34.3);
}Tailwind CSS v4
@theme {
--color-hot-chilli: #bf573f;
--color-hot-chilli-50: #ffe8da;
--color-hot-chilli-100: #ffd8c8;
--color-hot-chilli-200: #ffc0ab;
--color-hot-chilli-300: #f59d85;
--color-hot-chilli-400: #e47d65;
--color-hot-chilli-500: #d25d43;
--color-hot-chilli-600: #b15039;
--color-hot-chilli-700: #8e402d;
--color-hot-chilli-800: #6a2d21;
--color-hot-chilli-900: #4b1e16;
--color-hot-chilli-950: #310e07;
}SCSS
$hot-chilli: #bf573f;
$hot-chilli-rgb: 191, 87, 63;
$hot-chilli-light: mix(#fff, $hot-chilli, 20%);
$hot-chilli-dark: mix(#000, $hot-chilli, 20%);
.element {
color: $hot-chilli;
box-shadow: 0 0 0 2px rgba($hot-chilli, 0.35);
}