이름 색상 · #FD978F
Lolly
Lolly은(는) #FD978F: rgb(253 151 143), hsl(4 96% 78%), oklch(0.781 0.124 25.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Lolly color name →
#FD978F
oklch(0.781 0.124 25.1)
색상 변환
- HEX
- #fd978f
- RGB
- rgb(253 151 143)
- HSL
- hsl(4 96% 78%)
- HWB
- hwb(4 56% 1%)
- OKLCH
- oklch(0.781 0.124 25.1)
- OKLab
- oklab(0.781 0.112 0.053)
- CIE Lab
- lab(73.35 38.56 21.57)
- LCH
- lch(73.35 44.19 29.2)
- CMYK
- cmyk(0% 40% 43% 1%)
틴트 · 셰이드 · 톤
틴트
- FEA29A
- FFACA5
- FFB7B0
- FFC1BB
- FFCCC6
- FFD6D2
- FFE0DD
- FFEBE8
- FFF5F4
셰이드
- DC837C
- BC6F69
- 9D5C57
- 7F4945
- 623734
- 472624
- 2D1715
- 160807
- 030101
톤
- F1958E
- E4938C
- D8918B
- CB8F8A
- BF8D88
- B38B87
- A68885
- 9A8683
- 8D8382
색 조화
보색 +180°
- FD978F
Lolly
- 31CEDD
≈ Aztec Turquoise
유사색 -30° +30°
- FD978F
Lolly
- F695BB
≈ Pastel Magenta
- F4A167
≈ Brushed Orange
삼각 배색 +120° +240°
- FD978F
Lolly
- 83CD85
≈ De York
- 95B6FF
≈ Carolina Blue
분열 보색 +150° +210°
- FD978F
Lolly
- 4CD1B3
≈ Simply Aqua
- 5DC4FB
≈ Blue Mana
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.10:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.99:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--lolly: #fd978f;
--lolly-rgb: 253 151 143;
--lolly-oklch: oklch(0.781 0.124 25.1);
}
.element {
color: var(--lolly);
background-color: hsl(4 96% 78%);
border-color: oklch(0.781 0.124 25.1);
}Tailwind CSS v4
@theme {
--color-lolly: #fd978f;
--color-lolly-50: #ffe8e2;
--color-lolly-100: #ffd9d2;
--color-lolly-200: #ffc1b8;
--color-lolly-300: #f09f95;
--color-lolly-400: #de8079;
--color-lolly-500: #cb615b;
--color-lolly-600: #ac534e;
--color-lolly-700: #8a423e;
--color-lolly-800: #672f2e;
--color-lolly-900: #48201f;
--color-lolly-950: #2f0f0f;
}SCSS
$lolly: #fd978f;
$lolly-rgb: 253, 151, 143;
$lolly-light: mix(#fff, $lolly, 20%);
$lolly-dark: mix(#000, $lolly, 20%);
.element {
color: $lolly;
box-shadow: 0 0 0 2px rgba($lolly, 0.35);
}