Benannte Farbe · #F0B692
Chilli Dip
Chilli Dip ist #F0B692: rgb(240 182 146), hsl(23 76% 76%), oklch(0.821 0.083 53.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Chilli Dip color name →
#F0B692
oklch(0.821 0.083 53.1)
Farbumrechnungen
- HEX
- #f0b692
- RGB
- rgb(240 182 146)
- HSL
- hsl(23 76% 76%)
- HWB
- hwb(23 57% 6%)
- OKLCH
- oklch(0.821 0.083 53.1)
- OKLab
- oklab(0.821 0.05 0.066)
- CIE Lab
- lab(78.85 18.33 26.94)
- LCH
- lch(78.85 32.59 55.8)
- CMYK
- cmyk(0% 24% 39% 6%)
Tints · Shades · Tones
Tints
- F2BD9D
- F4C5A8
- F6CCB3
- F7D3BE
- F9DBC8
- FAE2D3
- FCE9DE
- FDF0E9
- FEF8F4
Shades
- D19E7E
- B2866B
- 956F58
- 785946
- 5D4435
- 433025
- 2A1D16
- 140C08
- 030201
Tones
- E5B191
- D9AB8F
- CEA68D
- C2A08C
- B79B8A
- AC9688
- A19086
- 968B84
- 8B8582
Farbharmonien
Komplementär +180°
- F0B692
Chilli Dip
- 8DCEF2
≈ Pool Tiles
Analog -30° +30°
- F0B692
Chilli Dip
- F6B0AB
≈ Sango Pink
- DFC086
≈ Sahara Gravel
Triadisch +120° +240°
- F0B692
Chilli Dip
- 8AD6BF
≈ Cabbage
- C6BBF6
≈ Connecticut Lilac
Geteilt komplementär +150° +210°
- F0B692
Chilli Dip
- 80D5DC
≈ VIC 20 Sky
- A8C5FB
≈ Night Snow
Tetradisch +90° +180° +270°
- F0B692
Chilli Dip
- A5D3A2
≈ Relaxation Green
- 8DCEF2
≈ Pool Tiles
- DFB3E4
≈ Pretty Petunia
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.77:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.81:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.81:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--chilli-dip: #f0b692;
--chilli-dip-rgb: 240 182 146;
--chilli-dip-oklch: oklch(0.821 0.083 53.1);
}
.element {
color: var(--chilli-dip);
background-color: hsl(23 76% 76%);
border-color: oklch(0.821 0.083 53.1);
}Tailwind CSS v4
@theme {
--color-chilli-dip: #f0b692;
--color-chilli-dip-50: #fff0df;
--color-chilli-dip-100: #ffe1ce;
--color-chilli-dip-200: #f1ccb3;
--color-chilli-dip-300: #daad8f;
--color-chilli-dip-400: #c69170;
--color-chilli-dip-500: #b27650;
--color-chilli-dip-600: #966444;
--color-chilli-dip-700: #785036;
--color-chilli-dip-800: #593a27;
--color-chilli-dip-900: #3f281a;
--color-chilli-dip-950: #28160b;
}SCSS
$chilli-dip: #f0b692;
$chilli-dip-rgb: 240, 182, 146;
$chilli-dip-light: mix(#fff, $chilli-dip, 20%);
$chilli-dip-dark: mix(#000, $chilli-dip, 20%);
.element {
color: $chilli-dip;
box-shadow: 0 0 0 2px rgba($chilli-dip, 0.35);
}