最も近い色名 · #E12808
#E12808
最も近い色名: Thicker Than Water
#E12808（rgb(225 40 8)、hsl(9 93% 46%)、oklch(0.586 0.221 31.5)）に最も近い色名はThicker Than Waterです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E12808
oklch(0.586 0.221 31.5)
カラー変換
- HEX
- #e12808
- RGB
- rgb(225 40 8)
- HSL
- hsl(9 93% 46%)
- HWB
- hwb(9 3% 12%)
- OKLCH
- oklch(0.586 0.221 31.5)
- OKLab
- oklab(0.586 0.188 0.115)
- CIE Lab
- lab(49.84 68.33 61.79)
- LCH
- lch(49.84 92.13 42.1)
- CMYK
- cmyk(0% 82% 96% 12%)
ティント · シェード · トーン
ティント
- E74931
- ED624B
- F27863
- F78D79
- FAA08F
- FDB4A5
- FFC7BB
- FFDAD2
- FFECE8
シェード
- C42106
- A71B04
- 8B1503
- 700F02
- 560901
- 3E0401
- 270200
- 120100
- 020000
トーン
- D93B23
- D14832
- C8523F
- BF5B4A
- B66354
- AD6A5D
- A37066
- 98766F
- 8D7B78
カラーハーモニー
補色 +180°
- E12808
Thicker Than Water
- 008C9F
≈ Parrot Flight
類似色 -30° +30°
- E12808
Thicker Than Water
- DA2073
≈ Magenta Elephant
- B46600
≈ Umber
トライアド +120° +240°
- E12808
Thicker Than Water
- 009549
≈ Paperboy’s Lawn
- 5267FC
≈ Blue Heath Butterfly
スプリットコンプリメンタリー +150° +210°
- E12808
Thicker Than Water
- 009080
≈ Philips Green
- 0084C6
≈ Water Raceway
テトラード +90° +180° +270°
- E12808
Thicker Than Water
- 6F8800
≈ Swamp Green
- 008C9F
≈ Parrot Flight
- 964DE6
≈ Pericallis Hybrida
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.65:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.50:1 · APCA Lc 31
最適な文字色: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--thicker-than-water: #e12808;
--thicker-than-water-rgb: 225 40 8;
--thicker-than-water-oklch: oklch(0.586 0.221 31.5);
}
.element {
color: var(--thicker-than-water);
background-color: hsl(9 93% 46%);
border-color: oklch(0.586 0.221 31.5);
}Tailwind CSS v4
@theme {
--color-thicker-than-water: #e12808;
--color-thicker-than-water-50: #ffdfcc;
--color-thicker-than-water-100: #ffcdb8;
--color-thicker-than-water-200: #ffb095;
--color-thicker-than-water-300: #ff8769;
--color-thicker-than-water-400: #ff5d42;
--color-thicker-than-water-500: #f62100;
--color-thicker-than-water-600: #d02102;
--color-thicker-than-water-700: #a71b05;
--color-thicker-than-water-800: #7d1009;
--color-thicker-than-water-900: #590b06;
--color-thicker-than-water-950: #3c0000;
}SCSS
$thicker-than-water: #e12808;
$thicker-than-water-rgb: 225, 40, 8;
$thicker-than-water-light: mix(#fff, $thicker-than-water, 20%);
$thicker-than-water-dark: mix(#000, $thicker-than-water, 20%);
.element {
color: $thicker-than-water;
box-shadow: 0 0 0 2px rgba($thicker-than-water, 0.35);
}