Benannte Farbe · #DD5544
Coral Burst
Coral Burst ist #DD5544: rgb(221 85 68), hsl(7 69% 57%), oklch(0.626 0.174 29.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Coral Burst color name →
#DD5544
oklch(0.626 0.174 29.9)
Farbumrechnungen
- HEX
- #dd5544
- RGB
- rgb(221 85 68)
- HSL
- hsl(7 69% 57%)
- HWB
- hwb(7 27% 13%)
- OKLCH
- oklch(0.626 0.174 29.9)
- OKLab
- oklab(0.626 0.151 0.086)
- CIE Lab
- lab(55.02 53.42 38.89)
- LCH
- lch(55.02 66.08 36.1)
- CMYK
- cmyk(0% 62% 69% 13%)
Tints · Shades · Tones
Tints
- E36857
- E87A6A
- ED8C7C
- F19D8F
- F5ADA1
- F8BEB3
- FBCEC6
- FDDED9
- FEEFEC
Shades
- C0493A
- A43D30
- 883126
- 6E261D
- 551C14
- 3D110C
- 260805
- 110202
- 020000
Tones
- D55C4B
- CC6252
- C46759
- BB6C5F
- B27065
- A9746B
- 9F7770
- 967A76
- 8B7D7B
Farbharmonien
Komplementär +180°
- DD5544
Coral Burst
- 0099AC
≈ Aquarium Diver
Analog -30° +30°
- DD5544
Coral Burst
- D75184
≈ Fandango Pink
- C76E00
≈ Sludge
Triadisch +120° +240°
- DD5544
Coral Burst
- 00A34A
≈ Green Pigment
- 607EF0
≈ Pan Purple
Geteilt komplementär +150° +210°
- DD5544
Coral Burst
- 009E8A
≈ Flamboyant Teal
- 0091D5
≈ Kahu Blue
Tetradisch +90° +180° +270°
- DD5544
Coral Burst
- 7D9400
≈ Mossy Woods
- 0099AC
≈ Aquarium Diver
- 996AE0
≈ Matt Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.84:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.45:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.45:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--coral-burst: #dd5544;
--coral-burst-rgb: 221 85 68;
--coral-burst-oklch: oklch(0.626 0.174 29.9);
}
.element {
color: var(--coral-burst);
background-color: hsl(7 69% 57%);
border-color: oklch(0.626 0.174 29.9);
}Tailwind CSS v4
@theme {
--color-coral-burst: #dd5544;
--color-coral-burst-50: #ffe4d6;
--color-coral-burst-100: #ffd3c4;
--color-coral-burst-200: #ffb8a6;
--color-coral-burst-300: #ff947e;
--color-coral-burst-400: #f3705e;
--color-coral-burst-500: #e24a39;
--color-coral-burst-600: #bf4032;
--color-coral-burst-700: #993327;
--color-coral-burst-800: #73231e;
--color-coral-burst-900: #511813;
--color-coral-burst-950: #360705;
}SCSS
$coral-burst: #dd5544;
$coral-burst-rgb: 221, 85, 68;
$coral-burst-light: mix(#fff, $coral-burst, 20%);
$coral-burst-dark: mix(#000, $coral-burst, 20%);
.element {
color: $coral-burst;
box-shadow: 0 0 0 2px rgba($coral-burst, 0.35);
}