Adlandırılmış renk · #F0944D
Faded Orange
Faded Orange, #F0944D: rgb(240 148 77), hsl(26 84% 62%), oklch(0.749 0.14 56). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Faded Orange color name →
#F0944D
oklch(0.749 0.14 56)
Renk dönüşümleri
- HEX
- #f0944d
- RGB
- rgb(240 148 77)
- HSL
- hsl(26 84% 62%)
- HWB
- hwb(26 30% 6%)
- OKLCH
- oklch(0.749 0.14 56)
- OKLab
- oklab(0.749 0.078 0.116)
- CIE Lab
- lab(70.22 31.28 51.75)
- LCH
- lch(70.22 60.47 58.8)
- CMYK
- cmyk(0% 38% 68% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F39F62
- F5AA75
- F7B587
- F9C098
- FBCBAA
- FCD5BB
- FDE0CC
- FEEADD
- FFF5EE
Koyu tonlar
- D18042
- B26D37
- 955A2C
- 784822
- 5D3618
- 43260F
- 2A1607
- 140802
- 030100
Gri tonlar
- E59355
- DA915C
- CF8F62
- C48E67
- B98C6C
- AD8A71
- A28775
- 978579
- 8C837D
Renk uyumları
Tamamlayıcı +180°
- F0944D
Faded Orange
- 3EBAFA
≈ Megaman
Analog -30° +30°
- F0944D
Faded Orange
- FA887E
≈ Congo Pink
- D5A62D
≈ Galliano
Üçlü +120° +240°
- F0944D
Faded Orange
- 00CAAA
≈ Mint Leaf
- B69AFC
≈ Baby Purple
Bölünmüş tamamlayıcı +150° +210°
- F0944D
Faded Orange
- 00C4D5
≈ The Crowd Roars!
- 87ABFF
≈ Kitten’s Eye
Dörtlü +90° +180° +270°
- F0944D
Faded Orange
- 6EC576
≈ Soft Green
- 3EBAFA
≈ Megaman
- DB8DDD
≈ Bright Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.32:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.04:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.04:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--faded-orange: #f0944d;
--faded-orange-rgb: 240 148 77;
--faded-orange-oklch: oklch(0.749 0.14 56);
}
.element {
color: var(--faded-orange);
background-color: hsl(26 84% 62%);
border-color: oklch(0.749 0.14 56);
}Tailwind CSS v4
@theme {
--color-faded-orange: #f0944d;
--color-faded-orange-50: #ffecce;
--color-faded-orange-100: #ffddba;
--color-faded-orange-200: #ffc699;
--color-faded-orange-300: #eda56d;
--color-faded-orange-400: #dc8644;
--color-faded-orange-500: #ca6800;
--color-faded-orange-600: #aa5904;
--color-faded-orange-700: #894706;
--color-faded-orange-800: #663205;
--color-faded-orange-900: #482204;
--color-faded-orange-950: #2f1100;
}SCSS
$faded-orange: #f0944d;
$faded-orange-rgb: 240, 148, 77;
$faded-orange-light: mix(#fff, $faded-orange, 20%);
$faded-orange-dark: mix(#000, $faded-orange, 20%);
.element {
color: $faded-orange;
box-shadow: 0 0 0 2px rgba($faded-orange, 0.35);
}