이름 색상 · #FC9293
Cherished One
Cherished One은(는) #FC9293: rgb(252 146 147), hsl(359 95% 78%), oklch(0.772 0.128 19.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cherished One color name →
#FC9293
oklch(0.772 0.128 19.8)
색상 변환
- HEX
- #fc9293
- RGB
- rgb(252 146 147)
- HSL
- hsl(359 95% 78%)
- HWB
- hwb(359 57% 1%)
- OKLCH
- oklch(0.772 0.128 19.8)
- OKLab
- oklab(0.772 0.121 0.044)
- CIE Lab
- lab(72.25 40.93 17.86)
- LCH
- lch(72.25 44.65 23.6)
- CMYK
- cmyk(0% 42% 42% 1%)
틴트 · 셰이드 · 톤
틴트
- FE9D9E
- FFA9A8
- FFB4B3
- FFBEBD
- FFC9C8
- FFD4D3
- FFDFDE
- FFEAE9
- FFF4F4
셰이드
- DB7E7F
- BB6B6C
- 9C5859
- 7E4647
- 623536
- 472525
- 2D1616
- 160808
- 030101
톤
- F09191
- E48F8F
- D78E8E
- CB8C8C
- BF8B8A
- B28988
- A68786
- 9A8584
- 8D8282
색 조화
보색 +180°
- FC9293
Cherished One
- 1ACDD5
≈ Jade Glass
유사색 -30° +30°
- FC9293
Cherished One
- F292C1
≈ Pearly Pink
- F69B67
≈ Indian Paintbrush
삼각 배색 +120° +240°
- FC9293
Cherished One
- 88C979
≈ Fresh Cut Grass
- 89B6FF
≈ Carolina Blue
분열 보색 +150° +210°
- FC9293
Cherished One
- 4CCFA8
≈ Mint Jelly
- 4AC4F6
≈ Shovel Knight
사각 배색 +90° +180° +270°
- FC9293
Cherished One
- BABC53
≈ Sinsemilla
- 1ACDD5
≈ Jade Glass
- B4A7FF
≈ Shy Moment
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.67:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--cherished-one: #fc9293;
--cherished-one-rgb: 252 146 147;
--cherished-one-oklch: oklch(0.772 0.128 19.8);
}
.element {
color: var(--cherished-one);
background-color: hsl(359 95% 78%);
border-color: oklch(0.772 0.128 19.8);
}Tailwind CSS v4
@theme {
--color-cherished-one: #fc9293;
--color-cherished-one-50: #ffe8e5;
--color-cherished-one-100: #ffd8d5;
--color-cherished-one-200: #ffbfbc;
--color-cherished-one-300: #f29d9a;
--color-cherished-one-400: #e07e7f;
--color-cherished-one-500: #cd5e62;
--color-cherished-one-600: #ad5054;
--color-cherished-one-700: #8b4043;
--color-cherished-one-800: #672e31;
--color-cherished-one-900: #491f21;
--color-cherished-one-950: #2f0e11;
}SCSS
$cherished-one: #fc9293;
$cherished-one-rgb: 252, 146, 147;
$cherished-one-light: mix(#fff, $cherished-one, 20%);
$cherished-one-dark: mix(#000, $cherished-one, 20%);
.element {
color: $cherished-one;
box-shadow: 0 0 0 2px rgba($cherished-one, 0.35);
}