가장 가까운 이름 색상 · #F88A83
#F88A83
가장 가까운 이름 색상: Strawberry Field
#F88A83(rgb(248 138 131), hsl(4 89% 74%), oklch(0.751 0.135 24.6))와 가장 가까운 이름 색상은 Strawberry Field입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F88A83
oklch(0.751 0.135 24.6)
색상 변환
- HEX
- #f88a83
- RGB
- rgb(248 138 131)
- HSL
- hsl(4 89% 74%)
- HWB
- hwb(4 51% 3%)
- OKLCH
- oklch(0.751 0.135 24.6)
- OKLab
- oklab(0.751 0.123 0.056)
- CIE Lab
- lab(69.81 42.17 23.29)
- LCH
- lch(69.81 48.18 28.9)
- CMYK
- cmyk(0% 44% 47% 3%)
틴트 · 셰이드 · 톤
틴트
- FA968F
- FCA29B
- FEAEA7
- FFBAB4
- FFC6C0
- FFD1CD
- FFDDD9
- FFE8E6
- FFF4F2
셰이드
- D87771
- B86560
- 9A534F
- 7C423F
- 60322F
- 452220
- 2C1412
- 150706
- 030101
톤
- EC8A83
- E18983
- D58983
- C98883
- BD8782
- B18682
- A58582
- 998381
- 8D8281
색 조화
보색 +180°
- F88A83
Strawberry Field
- 00C5D4
≈ Turquoise Surf
유사색 -30° +30°
- F88A83
Strawberry Field
- F088B3
≈ Brown Knapweed
- EF9555
≈ Toucan
삼각 배색 +120° +240°
- F88A83
Strawberry Field
- 75C477
≈ Soft Green
- 86ACFF
≈ Kitten’s Eye
분열 보색 +150° +210°
- F88A83
Strawberry Field
- 27CAA9
≈ Jadeite
- 43BBF7
≈ Megaman
사각 배색 +90° +180° +270°
- F88A83
Strawberry Field
- ACB849
≈ Hopscotch
- 00C5D4
≈ Turquoise Surf
- B49CFB
≈ Baby Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.34:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.95:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--strawberry-field: #f88a83;
--strawberry-field-rgb: 248 138 131;
--strawberry-field-oklch: oklch(0.751 0.135 24.6);
}
.element {
color: var(--strawberry-field);
background-color: hsl(4 89% 74%);
border-color: oklch(0.751 0.135 24.6);
}Tailwind CSS v4
@theme {
--color-strawberry-field: #f88a83;
--color-strawberry-field-50: #ffe7e1;
--color-strawberry-field-100: #ffd7d0;
--color-strawberry-field-200: #ffbfb6;
--color-strawberry-field-300: #f59c92;
--color-strawberry-field-400: #e37c76;
--color-strawberry-field-500: #d05c58;
--color-strawberry-field-600: #b04f4b;
--color-strawberry-field-700: #8e3f3b;
--color-strawberry-field-800: #692d2c;
--color-strawberry-field-900: #4a1e1e;
--color-strawberry-field-950: #300d0e;
}SCSS
$strawberry-field: #f88a83;
$strawberry-field-rgb: 248, 138, 131;
$strawberry-field-light: mix(#fff, $strawberry-field, 20%);
$strawberry-field-dark: mix(#000, $strawberry-field, 20%);
.element {
color: $strawberry-field;
box-shadow: 0 0 0 2px rgba($strawberry-field, 0.35);
}