이름 색상 · #F78FA7
Unripe Strawberry
Unripe Strawberry은(는) #F78FA7: rgb(247 143 167), hsl(346 87% 76%), oklch(0.766 0.128 5.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Unripe Strawberry color name →
#F78FA7
oklch(0.766 0.128 5.7)
색상 변환
- HEX
- #f78fa7
- RGB
- rgb(247 143 167)
- HSL
- hsl(346 87% 76%)
- HWB
- hwb(346 56% 3%)
- OKLCH
- oklch(0.766 0.128 5.7)
- OKLab
- oklab(0.766 0.127 0.013)
- CIE Lab
- lab(71.37 42.21 5.46)
- LCH
- lch(71.37 42.56 7.4)
- CMYK
- cmyk(0% 42% 32% 3%)
틴트 · 셰이드 · 톤
틴트
- F99BAF
- FBA6B8
- FCB1C1
- FEBDC9
- FFC8D2
- FFD3DB
- FFDEE4
- FFE9ED
- FFF4F6
셰이드
- D77C91
- B7697B
- 995766
- 7C4552
- 60343E
- 45242C
- 2C151A
- 15070A
- 030101
톤
- EB8EA3
- E08D9F
- D48C9B
- C88B97
- BC8993
- B1888F
- A5868C
- 998488
- 8C8284
색 조화
보색 +180°
- F78FA7
Unripe Strawberry
- 28CDBF
≈ Exquisite Turquoise
유사색 -30° +30°
- F78FA7
Unripe Strawberry
- E693D2
≈ Mayflower Orchid
- F99479
≈ Indian Dance
삼각 배색 +120° +240°
- F78FA7
Unripe Strawberry
- 9FC263
≈ Jungle Juice
- 69BBFF
≈ Green Darner Tail
분열 보색 +150° +210°
- F78FA7
Unripe Strawberry
- 67CB90
≈ Van Gogh Green
- 2BC7E6
≈ Picnic Day Sky
사각 배색 +90° +180° +270°
- F78FA7
Unripe Strawberry
- CCB248
≈ Sugar Leaves
- 28CDBF
≈ Exquisite Turquoise
- 9EACFF
≈ Widowmaker
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.22:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.44:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.44:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--unripe-strawberry: #f78fa7;
--unripe-strawberry-rgb: 247 143 167;
--unripe-strawberry-oklch: oklch(0.766 0.128 5.7);
}
.element {
color: var(--unripe-strawberry);
background-color: hsl(346 87% 76%);
border-color: oklch(0.766 0.128 5.7);
}Tailwind CSS v4
@theme {
--color-unripe-strawberry: #f78fa7;
--color-unripe-strawberry-50: #ffe7ee;
--color-unripe-strawberry-100: #ffd7e0;
--color-unripe-strawberry-200: #ffbeca;
--color-unripe-strawberry-300: #f09cab;
--color-unripe-strawberry-400: #dd7d93;
--color-unripe-strawberry-500: #ca5d7a;
--color-unripe-strawberry-600: #ab5067;
--color-unripe-strawberry-700: #893f52;
--color-unripe-strawberry-800: #662d3d;
--color-unripe-strawberry-900: #471f2a;
--color-unripe-strawberry-950: #2e0e18;
}SCSS
$unripe-strawberry: #f78fa7;
$unripe-strawberry-rgb: 247, 143, 167;
$unripe-strawberry-light: mix(#fff, $unripe-strawberry, 20%);
$unripe-strawberry-dark: mix(#000, $unripe-strawberry, 20%);
.element {
color: $unripe-strawberry;
box-shadow: 0 0 0 2px rgba($unripe-strawberry, 0.35);
}