이름 색상 · #F5F171
Dolly
Dolly은(는) #F5F171: rgb(245 241 113), hsl(58 87% 70%), oklch(0.937 0.15 107.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Dolly color name →
#F5F171
oklch(0.937 0.15 107.3)
색상 변환
- HEX
- #f5f171
- RGB
- rgb(245 241 113)
- HSL
- hsl(58 87% 70%)
- HWB
- hwb(58 44% 4%)
- OKLCH
- oklch(0.937 0.15 107.3)
- OKLab
- oklab(0.937 -0.045 0.143)
- CIE Lab
- lab(93.61 -10.5 61.04)
- LCH
- lch(93.61 61.94 99.8)
- CMYK
- cmyk(0% 2% 54% 4%)
틴트 · 셰이드 · 톤
틴트
- F6F383
- F7F493
- F8F6A2
- F8F7B1
- F9F9BF
- FAFACC
- FCFCD9
- FDFDE6
- FEFEF3
셰이드
- D5D261
- B6B352
- 989543
- 7B7935
- 5F5D27
- 44431A
- 2B2B0E
- 151404
- 030301
톤
- E9E575
- DCDA79
- D0CE7C
- C4C37E
- B8B880
- ADAC81
- A1A181
- 969681
- 8B8B81
색 조화
보색 +180°
- F5F171
Dolly
- E8E7FF
≈ Cyber Lavender
유사색 -30° +30°
- F5F171
Dolly
- FFE6C2
≈ Fricassée
- C0FFA7
≈ Menthol
삼각 배색 +120° +240°
- F5F171
Dolly
- D0F0FF
≈ Blue Hijab
- FFE0EF
≈ Pale Blossom
분열 보색 +150° +210°
- F5F171
Dolly
- DEEBFF
≈ Husky
- F7E1FF
≈ Sugarpills
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.18:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.70:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.70:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--dolly: #f5f171;
--dolly-rgb: 245 241 113;
--dolly-oklch: oklch(0.937 0.15 107.3);
}
.element {
color: var(--dolly);
background-color: hsl(58 87% 70%);
border-color: oklch(0.937 0.15 107.3);
}Tailwind CSS v4
@theme {
--color-dolly: #f5f171;
--color-dolly-50: #f8f9c8;
--color-dolly-100: #ebedb3;
--color-dolly-200: #d8da8e;
--color-dolly-300: #bdbe5e;
--color-dolly-400: #a9a41f;
--color-dolly-500: #928b00;
--color-dolly-600: #7c7600;
--color-dolly-700: #635e00;
--color-dolly-800: #4a4400;
--color-dolly-900: #342f00;
--color-dolly-950: #1f1b00;
}SCSS
$dolly: #f5f171;
$dolly-rgb: 245, 241, 113;
$dolly-light: mix(#fff, $dolly, 20%);
$dolly-dark: mix(#000, $dolly, 20%);
.element {
color: $dolly;
box-shadow: 0 0 0 2px rgba($dolly, 0.35);
}