이름 색상 · #FA9258
Umezome Pink
Umezome Pink은(는) #FA9258: rgb(250 146 88), hsl(21 94% 66%), oklch(0.759 0.145 48.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Umezome Pink color name →
#FA9258
oklch(0.759 0.145 48.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FC9E6B
- FDA97C
- FFB48D
- FFBF9D
- FFCAAE
- FFD5BE
- FFDFCE
- FFEADF
- FFF4EF
셰이드
- D97E4B
- BA6B3F
- 9B5833
- 7D4628
- 61351D
- 462512
- 2D1609
- 150803
- 030100
톤
- EE915E
- E29063
- D68E68
- CA8D6D
- BE8B71
- B28974
- A58778
- 99857B
- 8D837D
색 조화
보색 +180°
- FA9258
Umezome Pink
- 18C1F9
≈ Spiro Disco Ball
유사색 -30° +30°
- FA9258
Umezome Pink
- FF888D
≈ Tulip
- E2A42C
≈ Orange Sulphur
삼각 배색 +120° +240°
- FA9258
Umezome Pink
- 27CEA0
≈ Dark Shamrock
- AEA2FF
≈ Shy Moment
분열 보색 +150° +210°
- FA9258
Umezome Pink
- 00C9CF
≈ Tilla Kari Mosque
- 7FB2FF
≈ Parakeet Blue
사각 배색 +90° +180° +270°
- FA9258
Umezome Pink
- 80C669
≈ Emerald Rain
- 18C1F9
≈ Spiro Disco Ball
- D891EC
≈ Bright Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.25:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.31:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
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);
}