Nazwany kolor · #FED2A5
Affinity
Affinity to #FED2A5: rgb(254 210 165), hsl(30 98% 82%), oklch(0.891 0.077 67.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Affinity color name →
#FED2A5
oklch(0.891 0.077 67.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FED7AE
- FFDBB7
- FFE0C0
- FFE4C9
- FFE9D2
- FFEDDB
- FFF2E4
- FFF6ED
- FFFBF6
Odcienie ciemniejsze
- DDB68F
- BD9B79
- 9E8165
- 806851
- 63503D
- 47392B
- 2D241A
- 16100A
- 030201
Tony
- F1CAA2
- E4C19E
- D7B99B
- CAB197
- BDA893
- B1A090
- A5988C
- 989088
- 8C8884
Harmonie kolorów
Komplementarna +180°
- FED2A5
Affinity
- BEDFFF
≈ Dithered Sky
Analogowa -30° +30°
- FED2A5
Affinity
- FFCEC0
≈ Delicate Sweet Apricot
- E9DCA2
≈ Green Charm
Triada +120° +240°
- FED2A5
Affinity
- 9FECE4
≈ Freezy Breezy
- E7D0FF
≈ Rose Dragée
Komplementarna rozszczepiona +150° +210°
- FED2A5
Affinity
- A0E8FC
≈ Winter Wizard
- D2D9FF
≈ Icy Plains
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 14.97:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.97:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
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);
}