Adlandırılmış renk · #FA9258
Umezome Pink
Umezome Pink, #FA9258: rgb(250 146 88), hsl(21 94% 66%), oklch(0.759 0.145 48.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Umezome Pink color name →
#FA9258
oklch(0.759 0.145 48.5)
Renk dönüşümleri
- HEX
- #fa9258
- RGB
- rgb(250 146 88)
- HSL
- hsl(21 94% 66%)
- HWB
- hwb(21 35% 2%)
- OKLCH
- oklch(0.759 0.145 48.5)
- OKLab
- oklab(0.759 0.096 0.109)
- CIE Lab
- lab(71.19 36.69 47.88)
- LCH
- lch(71.19 60.32 52.5)
- CMYK
- cmyk(0% 42% 65% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FC9E6B
- FDA97C
- FFB48D
- FFBF9D
- FFCAAE
- FFD5BE
- FFDFCE
- FFEADF
- FFF4EF
Koyu tonlar
- D97E4B
- BA6B3F
- 9B5833
- 7D4628
- 61351D
- 462512
- 2D1609
- 150803
- 030100
Gri tonlar
- EE915E
- E29063
- D68E68
- CA8D6D
- BE8B71
- B28974
- A58778
- 99857B
- 8D837D
Renk uyumları
Tamamlayıcı +180°
- FA9258
Umezome Pink
- 18C1F9
≈ Spiro Disco Ball
Analog -30° +30°
- FA9258
Umezome Pink
- FF888D
≈ Tulip
- E2A42C
≈ Orange Sulphur
Üçlü +120° +240°
- FA9258
Umezome Pink
- 27CEA0
≈ Dark Shamrock
- AEA2FF
≈ Shy Moment
Bölünmüş tamamlayıcı +150° +210°
- FA9258
Umezome Pink
- 00C9CF
≈ Tilla Kari Mosque
- 7FB2FF
≈ Parakeet Blue
Dörtlü +90° +180° +270°
- FA9258
Umezome Pink
- 80C669
≈ Emerald Rain
- 18C1F9
≈ Spiro Disco Ball
- D891EC
≈ Bright Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.25:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.31:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--umezome-pink: #fa9258;
--umezome-pink-rgb: 250 146 88;
--umezome-pink-oklch: oklch(0.759 0.145 48.5);
}
.element {
color: var(--umezome-pink);
background-color: hsl(21 94% 66%);
border-color: oklch(0.759 0.145 48.5);
}Tailwind CSS v4
@theme {
--color-umezome-pink: #fa9258;
--color-umezome-pink-50: #ffead0;
--color-umezome-pink-100: #ffdbbd;
--color-umezome-pink-200: #ffc39c;
--color-umezome-pink-300: #f3a171;
--color-umezome-pink-400: #e2814b;
--color-umezome-pink-500: #d06215;
--color-umezome-pink-600: #b05416;
--color-umezome-pink-700: #8d4312;
--color-umezome-pink-800: #6a2f0d;
--color-umezome-pink-900: #4a2008;
--color-umezome-pink-950: #310f00;
}SCSS
$umezome-pink: #fa9258;
$umezome-pink-rgb: 250, 146, 88;
$umezome-pink-light: mix(#fff, $umezome-pink, 20%);
$umezome-pink-dark: mix(#000, $umezome-pink, 20%);
.element {
color: $umezome-pink;
box-shadow: 0 0 0 2px rgba($umezome-pink, 0.35);
}