Benannte Farbe · #E6490B
Baptism by Fire
Baptism by Fire ist #E6490B: rgb(230 73 11), hsl(17 91% 47%), oklch(0.622 0.203 37.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Baptism by Fire color name →
#E6490B
oklch(0.622 0.203 37.3)
Farbumrechnungen
- HEX
- #e6490b
- RGB
- rgb(230 73 11)
- HSL
- hsl(17 91% 47%)
- HWB
- hwb(17 4% 10%)
- OKLCH
- oklch(0.622 0.203 37.3)
- OKLab
- oklab(0.622 0.161 0.123)
- CIE Lab
- lab(54.45 60.05 63.71)
- LCH
- lch(54.45 87.55 46.7)
- CMYK
- cmyk(0% 68% 95% 10%)
Tints · Shades · Tones
Tints
- EB6035
- F0744F
- F48766
- F8997D
- FBAA92
- FDBCA8
- FFCDBE
- FFDDD3
- FFEEE9
Shades
- C83E08
- AB3406
- 8E2A04
- 732002
- 591701
- 400E01
- 280600
- 130200
- 030000
Tones
- DD5326
- D45B36
- CB6142
- C1674D
- B76D57
- AD7260
- A37668
- 987A70
- 8C7D78
Farbharmonien
Komplementär +180°
- E6490B
Baptism by Fire
- 0096B3
≈ Bondi Blue
Analog -30° +30°
- E6490B
Baptism by Fire
- E43F71
≈ Fantasy Romance
- BC7400
≈ Caramel Coating
Triadisch +120° +240°
- E6490B
Baptism by Fire
- 00A062
≈ Shamrock
- 6E72FD
≈ Stargate Shimmer
Geteilt komplementär +150° +210°
- E6490B
Baptism by Fire
- 009B92
≈ Caribbean Turquoise
- 008CE4
≈ Blue Cola
Tetradisch +90° +180° +270°
- E6490B
Baptism by Fire
- 6C9700
≈ Gecko’s Dream
- 0096B3
≈ Bondi Blue
- A85CE3
≈ Lightish Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.94:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.32:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.32:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--baptism-by-fire: #e6490b;
--baptism-by-fire-rgb: 230 73 11;
--baptism-by-fire-oklch: oklch(0.622 0.203 37.3);
}
.element {
color: var(--baptism-by-fire);
background-color: hsl(17 91% 47%);
border-color: oklch(0.622 0.203 37.3);
}Tailwind CSS v4
@theme {
--color-baptism-by-fire: #e6490b;
--color-baptism-by-fire-50: #ffe2ca;
--color-baptism-by-fire-100: #ffd1b6;
--color-baptism-by-fire-200: #ffb592;
--color-baptism-by-fire-300: #ff8f64;
--color-baptism-by-fire-400: #fe683a;
--color-baptism-by-fire-500: #ed3b00;
--color-baptism-by-fire-600: #c83500;
--color-baptism-by-fire-700: #a12a00;
--color-baptism-by-fire-800: #791c01;
--color-baptism-by-fire-900: #551302;
--color-baptism-by-fire-950: #390300;
}SCSS
$baptism-by-fire: #e6490b;
$baptism-by-fire-rgb: 230, 73, 11;
$baptism-by-fire-light: mix(#fff, $baptism-by-fire, 20%);
$baptism-by-fire-dark: mix(#000, $baptism-by-fire, 20%);
.element {
color: $baptism-by-fire;
box-shadow: 0 0 0 2px rgba($baptism-by-fire, 0.35);
}