En yakın adlandırılmış renk · #FE2A25
#FE2A25
En yakın adlandırılmış renk: Red Stop
#FE2A25 (rgb(254 42 37), hsl(1 99% 57%), oklch(0.641 0.243 28.3)) en çok Red Stop 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.
#FE2A25
oklch(0.641 0.243 28.3)
Renk dönüşümleri
- HEX
- #fe2a25
- RGB
- rgb(254 42 37)
- HSL
- hsl(1 99% 57%)
- HWB
- hwb(1 15% 0%)
- OKLCH
- oklch(0.641 0.243 28.3)
- OKLab
- oklab(0.641 0.213 0.115)
- CIE Lab
- lab(55.91 76.06 58.28)
- LCH
- lch(55.91 95.82 37.5)
- CMYK
- cmyk(0% 83% 85% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF4E41
- FF6758
- FF7D6E
- FF9283
- FFA597
- FFB8AC
- FFCAC1
- FFDCD5
- FFEDEA
Koyu tonlar
- DD231F
- BD1C19
- 9E1613
- 80100D
- 630A08
- 470504
- 2D0202
- 160100
- 030000
Gri tonlar
- F33E34
- E84C40
- DC574A
- D16053
- C5675C
- B86E64
- AB736B
- 9E7872
- 8F7C79
Renk uyumları
Tamamlayıcı +180°
- FE2A25
Red Stop
- 009EAF
≈ Lake Blue
Analog -30° +30°
- FE2A25
Red Stop
- F4278B
≈ Prickly Pink
- CF7000
≈ Autumn Maple
Üçlü +120° +240°
- FE2A25
Red Stop
- 00A945
≈ Poetic Green
- 5C81FF
≈ Flickery C64
Bölünmüş tamamlayıcı +150° +210°
- FE2A25
Red Stop
- 00A38D
≈ Fishy House
- 0096D8
≈ Kahu Blue
Dörtlü +90° +180° +270°
- FE2A25
Red Stop
- 849800
≈ BioShock
- 009EAF
≈ Lake Blue
- A161FF
≈ Purple Hedonist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.76:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.57:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.57:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--red-stop: #fe2a25;
--red-stop-rgb: 254 42 37;
--red-stop-oklch: oklch(0.641 0.243 28.3);
}
.element {
color: var(--red-stop);
background-color: hsl(1 99% 57%);
border-color: oklch(0.641 0.243 28.3);
}Tailwind CSS v4
@theme {
--color-red-stop: #fe2a25;
--color-red-stop-50: #ffdccc;
--color-red-stop-100: #ffc9b7;
--color-red-stop-200: #ffaa95;
--color-red-stop-300: #ff7f68;
--color-red-stop-400: #ff4f42;
--color-red-stop-500: #ff0000;
--color-red-stop-600: #d80003;
--color-red-stop-700: #ae0005;
--color-red-stop-800: #82000a;
--color-red-stop-900: #5c0106;
--color-red-stop-950: #3e0000;
}SCSS
$red-stop: #fe2a25;
$red-stop-rgb: 254, 42, 37;
$red-stop-light: mix(#fff, $red-stop, 20%);
$red-stop-dark: mix(#000, $red-stop, 20%);
.element {
color: $red-stop;
box-shadow: 0 0 0 2px rgba($red-stop, 0.35);
}