Couleur nommée la plus proche · #E14500
#E14500
Couleur nommée la plus proche: Baptism by Fire
#E14500 (rgb(225 69 0), hsl(18 100% 44%), oklch(0.61 0.202 37.5)) est la plus proche de la couleur nommée Baptism by Fire. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E14500
oklch(0.61 0.202 37.5)
Conversions de couleur
- HEX
- #e14500
- RGB
- rgb(225 69 0)
- HSL
- hsl(18 100% 44%)
- HWB
- hwb(18 0% 12%)
- OKLCH
- oklch(0.61 0.202 37.5)
- OKLab
- oklab(0.61 0.16 0.123)
- CIE Lab
- lab(52.97 59.8 64.89)
- LCH
- lch(52.97 88.24 47.3)
- CMYK
- cmyk(0% 69% 100% 12%)
Teintes · Ombres · Tons
Teintes
- E75C30
- EC714C
- F18464
- F5977A
- F8A890
- FBBAA6
- FDCBBC
- FFDDD2
- FFEEE9
Ombres
- C43B00
- A73100
- 8B2700
- 701E00
- 561500
- 3E0C00
- 270500
- 120200
- 020000
Tons
- D94F21
- D05832
- C75F3F
- BE654B
- B56B55
- AB705E
- A17567
- 977970
- 8C7D78
Harmonies de couleurs
Complémentaire +180°
- E14500
Baptism by Fire
- 0092AE
≈ Kelp’thar Forest Blue
Analogue -30° +30°
- E14500
Baptism by Fire
- DF3B6D
≈ 1989 Miami Hotline
- B77100
≈ Sweet Mulled Cider
Triadique +120° +240°
- E14500
Baptism by Fire
- 009C60
≈ Shamrock
- 6B6EF8
≈ If I Could Fly
Complémentaire divisée +150° +210°
- E14500
Baptism by Fire
- 00978E
≈ Green Dynasty
- 0088DE
≈ Blue Cola
Tétradique +90° +180° +270°
- E14500
Baptism by Fire
- 689300
≈ Canopy
- 0092AE
≈ Kelp’thar Forest Blue
- A458DE
≈ Lightish Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.15:1 · APCA Lc 67
Ag
AASur noir
WCAG 5.05:1 · APCA Lc 34
Meilleure couleur de texte: #000000
WCAG 5.05:1 (AA) · APCA Lc 34
Contrast pairs
Extraits de code
CSS
:root {
--baptism-by-fire: #e14500;
--baptism-by-fire-rgb: 225 69 0;
--baptism-by-fire-oklch: oklch(0.61 0.202 37.5);
}
.element {
color: var(--baptism-by-fire);
background-color: hsl(18 100% 44%);
border-color: oklch(0.61 0.202 37.5);
}Tailwind CSS v4
@theme {
--color-baptism-by-fire: #e14500;
--color-baptism-by-fire-50: #ffe2ca;
--color-baptism-by-fire-100: #ffd1b6;
--color-baptism-by-fire-200: #ffb692;
--color-baptism-by-fire-300: #ff8f64;
--color-baptism-by-fire-400: #fe693a;
--color-baptism-by-fire-500: #ed3c00;
--color-baptism-by-fire-600: #c83500;
--color-baptism-by-fire-700: #a12b00;
--color-baptism-by-fire-800: #791c01;
--color-baptism-by-fire-900: #551302;
--color-baptism-by-fire-950: #390300;
}SCSS
$baptism-by-fire: #e14500;
$baptism-by-fire-rgb: 225, 69, 0;
$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);
}