Nächste benannte Farbe · #CE2C17
#CE2C17
Nächste benannte Farbe: Pizza Flame
#CE2C17 (rgb(206 44 23), hsl(7 80% 45%), oklch(0.555 0.2 31)) liegt am nächsten an der benannten Farbe Pizza Flame. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CE2C17
oklch(0.555 0.2 31)
Farbumrechnungen
- HEX
- #ce2c17
- RGB
- rgb(206 44 23)
- HSL
- hsl(7 80% 45%)
- HWB
- hwb(7 9% 19%)
- OKLCH
- oklch(0.555 0.2 31)
- OKLab
- oklab(0.555 0.172 0.103)
- CIE Lab
- lab(46.43 62.02 52.64)
- LCH
- lch(46.43 81.35 40.3)
- CMYK
- cmyk(0% 79% 89% 19%)
Tints · Shades · Tones
Tints
- D64935
- DD614D
- E47664
- EA8B7A
- F09E8F
- F4B2A5
- F8C5BB
- FBD8D2
- FEECE8
Shades
- B32512
- 981E0E
- 7F170A
- 661106
- 4E0A04
- 380502
- 230201
- 0F0100
- 020000
Tones
- C83B28
- C24735
- BB5141
- B45A4B
- AD6254
- A5695E
- 9D6F66
- 94756F
- 8A7B78
Farbharmonien
Komplementär +180°
- CE2C17
Pizza Flame
- 008193
≈ Craftsman Blue
Analog -30° +30°
- CE2C17
Pizza Flame
- C8276C
≈ Sensitive Scorpion
- A85E00
≈ Raw Umber
Triadisch +120° +240°
- CE2C17
Pizza Flame
- 008A42
≈ The Wild Apothecary
- 4B62E6
≈ Arcane Brew
Geteilt komplementär +150° +210°
- CE2C17
Pizza Flame
- 008676
≈ Summer Turquoise
- 007AB7
≈ Star Command Blue
Tetradisch +90° +180° +270°
- CE2C17
Pizza Flame
- 687E00
≈ Jungle Vibes
- 008193
≈ Craftsman Blue
- 894BD3
≈ Gloomy Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.25:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 3.99:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--pizza-flame: #ce2c17;
--pizza-flame-rgb: 206 44 23;
--pizza-flame-oklch: oklch(0.555 0.2 31);
}
.element {
color: var(--pizza-flame);
background-color: hsl(7 80% 45%);
border-color: oklch(0.555 0.2 31);
}Tailwind CSS v4
@theme {
--color-pizza-flame: #ce2c17;
--color-pizza-flame-50: #ffe1d1;
--color-pizza-flame-100: #ffd0bd;
--color-pizza-flame-200: #ffb49c;
--color-pizza-flame-300: #ff8d72;
--color-pizza-flame-400: #fe664f;
--color-pizza-flame-500: #ed3820;
--color-pizza-flame-600: #c9321e;
--color-pizza-flame-700: #a12818;
--color-pizza-flame-800: #791a13;
--color-pizza-flame-900: #55110c;
--color-pizza-flame-950: #390202;
}SCSS
$pizza-flame: #ce2c17;
$pizza-flame-rgb: 206, 44, 23;
$pizza-flame-light: mix(#fff, $pizza-flame, 20%);
$pizza-flame-dark: mix(#000, $pizza-flame, 20%);
.element {
color: $pizza-flame;
box-shadow: 0 0 0 2px rgba($pizza-flame, 0.35);
}