En yakın adlandırılmış renk · #E51E01
#E51E01
En yakın adlandırılmış renk: Thicker Than Water
#E51E01 (rgb(229 30 1), hsl(8 99% 45%), oklch(0.588 0.229 30.8)) en çok Thicker Than Water 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.
#E51E01
oklch(0.588 0.229 30.8)
Renk dönüşümleri
- HEX
- #e51e01
- RGB
- rgb(229 30 1)
- HSL
- hsl(8 99% 45%)
- HWB
- hwb(8 0% 10%)
- OKLCH
- oklch(0.588 0.229 30.8)
- OKLab
- oklab(0.588 0.197 0.118)
- CIE Lab
- lab(49.94 71.33 64.35)
- LCH
- lch(49.94 96.07 42.1)
- CMYK
- cmyk(0% 87% 100% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EB452F
- F15F4A
- F57661
- F98B78
- FD9F8F
- FFB3A5
- FFC6BB
- FFD9D2
- FFECE8
Koyu tonlar
- C71901
- AA1301
- 8E0E00
- 720900
- 580500
- 3F0300
- 280100
- 120000
- 030000
Gri tonlar
- DD3520
- D44431
- CB503E
- C25A49
- B96253
- AF695D
- A47066
- 99766F
- 8D7B78
Renk uyumları
Tamamlayıcı +180°
- E51E01
Thicker Than Water
- 008C9F
≈ Parrot Flight
Analog -30° +30°
- E51E01
Thicker Than Water
- DE1575
≈ Magenta Elephant
- B56600
≈ Umber
Üçlü +120° +240°
- E51E01
Thicker Than Water
- 009647
≈ Luscious Green
- 5068FF
≈ Blue Heath Butterfly
Bölünmüş tamamlayıcı +150° +210°
- E51E01
Thicker Than Water
- 009180
≈ Miami Jade
- 0084C5
≈ Water Raceway
Dörtlü +90° +180° +270°
- E51E01
Thicker Than Water
- 718800
≈ Swamp Green
- 008C9F
≈ Parrot Flight
- 964BEC
≈ Chaste Blossoms
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.64:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.51:1 · APCA Lc 32
En iyi metin rengi: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--thicker-than-water: #e51e01;
--thicker-than-water-rgb: 229 30 1;
--thicker-than-water-oklch: oklch(0.588 0.229 30.8);
}
.element {
color: var(--thicker-than-water);
background-color: hsl(8 99% 45%);
border-color: oklch(0.588 0.229 30.8);
}Tailwind CSS v4
@theme {
--color-thicker-than-water: #e51e01;
--color-thicker-than-water-50: #ffdecb;
--color-thicker-than-water-100: #ffccb7;
--color-thicker-than-water-200: #ffae94;
--color-thicker-than-water-300: #ff8467;
--color-thicker-than-water-400: #ff5840;
--color-thicker-than-water-500: #fa0d00;
--color-thicker-than-water-600: #d31600;
--color-thicker-than-water-700: #aa1300;
--color-thicker-than-water-800: #7f0907;
--color-thicker-than-water-900: #5a0705;
--color-thicker-than-water-950: #3d0000;
}SCSS
$thicker-than-water: #e51e01;
$thicker-than-water-rgb: 229, 30, 1;
$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);
}