En yakın adlandırılmış renk · #E14500
#E14500
En yakın adlandırılmış renk: Baptism by Fire
#E14500 (rgb(225 69 0), hsl(18 100% 44%), oklch(0.61 0.202 37.5)) en çok Baptism by Fire adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E14500
oklch(0.61 0.202 37.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E75C30
- EC714C
- F18464
- F5977A
- F8A890
- FBBAA6
- FDCBBC
- FFDDD2
- FFEEE9
Koyu tonlar
- C43B00
- A73100
- 8B2700
- 701E00
- 561500
- 3E0C00
- 270500
- 120200
- 020000
Gri tonlar
- D94F21
- D05832
- C75F3F
- BE654B
- B56B55
- AB705E
- A17567
- 977970
- 8C7D78
Renk uyumları
Tamamlayıcı +180°
- E14500
Baptism by Fire
- 0092AE
≈ Kelp’thar Forest Blue
Analog -30° +30°
- E14500
Baptism by Fire
- DF3B6D
≈ 1989 Miami Hotline
- B77100
≈ Sweet Mulled Cider
Üçlü +120° +240°
- E14500
Baptism by Fire
- 009C60
≈ Shamrock
- 6B6EF8
≈ If I Could Fly
Bölünmüş tamamlayıcı +150° +210°
- E14500
Baptism by Fire
- 00978E
≈ Green Dynasty
- 0088DE
≈ Blue Cola
Dörtlü +90° +180° +270°
- E14500
Baptism by Fire
- 689300
≈ Canopy
- 0092AE
≈ Kelp’thar Forest Blue
- A458DE
≈ Lightish Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.15:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.05:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.05:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
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);
}