Adlandırılmış renk · #FD4C29
Flame Angelfish
Flame Angelfish, #FD4C29: rgb(253 76 41), hsl(10 98% 58%), oklch(0.665 0.219 33). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Flame Angelfish color name →
#FD4C29
oklch(0.665 0.219 33)
Renk dönüşümleri
- HEX
- #fd4c29
- RGB
- rgb(253 76 41)
- HSL
- hsl(10 98% 58%)
- HWB
- hwb(10 16% 1%)
- OKLCH
- oklch(0.665 0.219 33)
- OKLab
- oklab(0.665 0.183 0.119)
- CIE Lab
- lab(59.13 66.65 58.79)
- LCH
- lch(59.13 88.87 41.4)
- CMYK
- cmyk(0% 70% 84% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF6445
- FF785C
- FF8B71
- FF9D86
- FFAE9A
- FFBEAE
- FFCFC2
- FFDFD6
- FFEFEB
Koyu tonlar
- DC4122
- BC361C
- 9D2C15
- 7F220F
- 621809
- 470F05
- 2D0602
- 160201
- 030000
Gri tonlar
- F25638
- E65E43
- DB654D
- CF6B56
- C3705E
- B67465
- AA786D
- 9D7B73
- 8F7E7A
Renk uyumları
Tamamlayıcı +180°
- FD4C29
Flame Angelfish
- 00A6BE
≈ Maui
Analog -30° +30°
- FD4C29
Flame Angelfish
- F74587
≈ Lower Lip
- D37B00
≈ Autumn Leaf Orange
Üçlü +120° +240°
- FD4C29
Flame Angelfish
- 00B05E
≈ Nordic Grass Green
- 7287FF
≈ Punch Out Glove
Bölünmüş tamamlayıcı +150° +210°
- FD4C29
Flame Angelfish
- 00AB9B
≈ Tropical Hideaway
- 009CED
≈ Out of the Blue
Dörtlü +90° +180° +270°
- FD4C29
Flame Angelfish
- 81A300
≈ Spring Vegetables
- 00A6BE
≈ Maui
- B068FF
≈ Purple Hedonist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.36:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.24:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.24:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--flame-angelfish: #fd4c29;
--flame-angelfish-rgb: 253 76 41;
--flame-angelfish-oklch: oklch(0.665 0.219 33);
}
.element {
color: var(--flame-angelfish);
background-color: hsl(10 98% 58%);
border-color: oklch(0.665 0.219 33);
}Tailwind CSS v4
@theme {
--color-flame-angelfish: #fd4c29;
--color-flame-angelfish-50: #ffdfcb;
--color-flame-angelfish-100: #ffceb6;
--color-flame-angelfish-200: #ffb193;
--color-flame-angelfish-300: #ff8866;
--color-flame-angelfish-400: #ff5f3e;
--color-flame-angelfish-500: #f52600;
--color-flame-angelfish-600: #cf2500;
--color-flame-angelfish-700: #a61e00;
--color-flame-angelfish-800: #7d1205;
--color-flame-angelfish-900: #580c04;
--color-flame-angelfish-950: #3b0000;
}SCSS
$flame-angelfish: #fd4c29;
$flame-angelfish-rgb: 253, 76, 41;
$flame-angelfish-light: mix(#fff, $flame-angelfish, 20%);
$flame-angelfish-dark: mix(#000, $flame-angelfish, 20%);
.element {
color: $flame-angelfish;
box-shadow: 0 0 0 2px rgba($flame-angelfish, 0.35);
}