最も近い色名 · #E14500
#E14500
最も近い色名: Baptism by Fire
#E14500（rgb(225 69 0)、hsl(18 100% 44%)、oklch(0.61 0.202 37.5)）に最も近い色名はBaptism by Fireです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E14500
oklch(0.61 0.202 37.5)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- E75C30
- EC714C
- F18464
- F5977A
- F8A890
- FBBAA6
- FDCBBC
- FFDDD2
- FFEEE9
シェード
- C43B00
- A73100
- 8B2700
- 701E00
- 561500
- 3E0C00
- 270500
- 120200
- 020000
トーン
- D94F21
- D05832
- C75F3F
- BE654B
- B56B55
- AB705E
- A17567
- 977970
- 8C7D78
カラーハーモニー
補色 +180°
- E14500
Baptism by Fire
- 0092AE
≈ Kelp’thar Forest Blue
類似色 -30° +30°
- E14500
Baptism by Fire
- DF3B6D
≈ 1989 Miami Hotline
- B77100
≈ Sweet Mulled Cider
トライアド +120° +240°
- E14500
Baptism by Fire
- 009C60
≈ Shamrock
- 6B6EF8
≈ If I Could Fly
スプリットコンプリメンタリー +150° +210°
- E14500
Baptism by Fire
- 00978E
≈ Green Dynasty
- 0088DE
≈ Blue Cola
テトラード +90° +180° +270°
- E14500
Baptism by Fire
- 689300
≈ Canopy
- 0092AE
≈ Kelp’thar Forest Blue
- A458DE
≈ Lightish Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.15:1 · APCA Lc 67
Ag
AA黒の上
WCAG 5.05:1 · APCA Lc 34
最適な文字色: #000000
WCAG 5.05:1 (AA) · APCA Lc 34
Contrast pairs
コードスニペット
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);
}