Adlandırılmış renk · #FED2A5
Affinity
Affinity, #FED2A5: rgb(254 210 165), hsl(30 98% 82%), oklch(0.891 0.077 67.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Affinity color name →
#FED2A5
oklch(0.891 0.077 67.2)
Renk dönüşümleri
- HEX
- #fed2a5
- RGB
- rgb(254 210 165)
- HSL
- hsl(30 98% 82%)
- HWB
- hwb(30 65% 0%)
- OKLCH
- oklch(0.891 0.077 67.2)
- OKLab
- oklab(0.891 0.03 0.071)
- CIE Lab
- lab(87.26 11.5 28.47)
- LCH
- lch(87.26 30.7 68)
- CMYK
- cmyk(0% 17% 35% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FED7AE
- FFDBB7
- FFE0C0
- FFE4C9
- FFE9D2
- FFEDDB
- FFF2E4
- FFF6ED
- FFFBF6
Koyu tonlar
- DDB68F
- BD9B79
- 9E8165
- 806851
- 63503D
- 47392B
- 2D241A
- 16100A
- 030201
Gri tonlar
- F1CAA2
- E4C19E
- D7B99B
- CAB197
- BDA893
- B1A090
- A5988C
- 989088
- 8C8884
Renk uyumları
Tamamlayıcı +180°
- FED2A5
Affinity
- BEDFFF
≈ Dithered Sky
Analog -30° +30°
- FED2A5
Affinity
- FFCEC0
≈ Delicate Sweet Apricot
- E9DCA2
≈ Green Charm
Üçlü +120° +240°
- FED2A5
Affinity
- 9FECE4
≈ Freezy Breezy
- E7D0FF
≈ Rose Dragée
Bölünmüş tamamlayıcı +150° +210°
- FED2A5
Affinity
- A0E8FC
≈ Winter Wizard
- D2D9FF
≈ Icy Plains
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 14.97:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.97:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--affinity: #fed2a5;
--affinity-rgb: 254 210 165;
--affinity-oklch: oklch(0.891 0.077 67.2);
}
.element {
color: var(--affinity);
background-color: hsl(30 98% 82%);
border-color: oklch(0.891 0.077 67.2);
}Tailwind CSS v4
@theme {
--color-affinity: #fed2a5;
--color-affinity-50: #fff2de;
--color-affinity-100: #f9e4cd;
--color-affinity-200: #eacfb2;
--color-affinity-300: #d2b18d;
--color-affinity-400: #bd966d;
--color-affinity-500: #a87c4d;
--color-affinity-600: #8e6942;
--color-affinity-700: #725434;
--color-affinity-800: #553d25;
--color-affinity-900: #3b2a19;
--color-affinity-950: #251709;
}SCSS
$affinity: #fed2a5;
$affinity-rgb: 254, 210, 165;
$affinity-light: mix(#fff, $affinity, 20%);
$affinity-dark: mix(#000, $affinity, 20%);
.element {
color: $affinity;
box-shadow: 0 0 0 2px rgba($affinity, 0.35);
}