이름 색상 · #F0ADB3
Strawberry Cream
Strawberry Cream은(는) #F0ADB3: rgb(240 173 179), hsl(355 69% 81%), oklch(0.812 0.079 13). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Strawberry Cream color name →
#F0ADB3
oklch(0.812 0.079 13)
색상 변환
- HEX
- #f0adb3
- RGB
- rgb(240 173 179)
- HSL
- hsl(355 69% 81%)
- HWB
- hwb(355 68% 6%)
- OKLCH
- oklch(0.812 0.079 13)
- OKLab
- oklab(0.812 0.077 0.018)
- CIE Lab
- lab(77.33 25.87 7.19)
- LCH
- lch(77.33 26.85 15.5)
- CMYK
- cmyk(0% 28% 25% 6%)
틴트 · 셰이드 · 톤
틴트
- F2B5BA
- F4BDC2
- F6C6C9
- F8CED1
- F9D6D8
- FBDEE0
- FCE6E8
- FDEFEF
- FEF7F7
셰이드
- D1969B
- B27F84
- 956A6E
- 785558
- 5D4143
- 432D2F
- 2A1B1D
- 140B0C
- 030101
톤
- E5A9AE
- D9A4A9
- CEA0A3
- C39B9E
- B89799
- AC9294
- A18E8F
- 96898A
- 8B8585
색 조화
보색 +180°
- F0ADB3
Strawberry Cream
- 82D2D0
≈ Belize
유사색 -30° +30°
- F0ADB3
Strawberry Cream
- E7AECF
≈ Roses in the Snow
- EEB299
≈ Wax Flower
삼각 배색 +120° +240°
- F0ADB3
Strawberry Cream
- AECD99
≈ Greenhorn
- 9EC5F4
≈ Sail to the Sea
분열 보색 +150° +210°
- F0ADB3
Strawberry Cream
- 92D2B3
≈ Tropical Trail
- 87CDE7
≈ Afternoon Sky
사각 배색 +90° +180° +270°
- F0ADB3
Strawberry Cream
- CAC488
≈ Fiddlehead Fern
- 82D2D0
≈ Belize
- BABCF4
≈ Purple Illusion
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.85:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.33:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--strawberry-cream: #f0adb3;
--strawberry-cream-rgb: 240 173 179;
--strawberry-cream-oklch: oklch(0.812 0.079 13);
}
.element {
color: var(--strawberry-cream);
background-color: hsl(355 69% 81%);
border-color: oklch(0.812 0.079 13);
}Tailwind CSS v4
@theme {
--color-strawberry-cream: #f0adb3;
--color-strawberry-cream-50: #ffedee;
--color-strawberry-cream-100: #ffdedf;
--color-strawberry-cream-200: #f4c7c9;
--color-strawberry-cream-300: #dda7aa;
--color-strawberry-cream-400: #c88b91;
--color-strawberry-cream-500: #b47077;
--color-strawberry-cream-600: #985f65;
--color-strawberry-cream-700: #7a4c51;
--color-strawberry-cream-800: #5a373c;
--color-strawberry-cream-900: #3f2529;
--color-strawberry-cream-950: #281417;
}SCSS
$strawberry-cream: #f0adb3;
$strawberry-cream-rgb: 240, 173, 179;
$strawberry-cream-light: mix(#fff, $strawberry-cream, 20%);
$strawberry-cream-dark: mix(#000, $strawberry-cream, 20%);
.element {
color: $strawberry-cream;
box-shadow: 0 0 0 2px rgba($strawberry-cream, 0.35);
}