이름 색상 · #F08F90
Ikkonzome Pink
Ikkonzome Pink은(는) #F08F90: rgb(240 143 144), hsl(359 76% 75%), oklch(0.752 0.118 19.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Ikkonzome Pink color name →
#F08F90
oklch(0.752 0.118 19.6)
색상 변환
- HEX
- #f08f90
- RGB
- rgb(240 143 144)
- HSL
- hsl(359 76% 75%)
- HWB
- hwb(359 56% 6%)
- OKLCH
- oklch(0.752 0.118 19.6)
- OKLab
- oklab(0.752 0.111 0.04)
- CIE Lab
- lab(70.01 37.7 16.16)
- LCH
- lch(70.01 41.02 23.2)
- CMYK
- cmyk(0% 40% 40% 6%)
틴트 · 셰이드 · 톤
틴트
- F39A9B
- F5A6A6
- F7B1B0
- F9BCBB
- FBC7C6
- FCD3D2
- FDDEDD
- FEE9E8
- FFF4F4
셰이드
- D17C7D
- B2696A
- 955757
- 784545
- 5D3434
- 432424
- 2A1515
- 140707
- 030101
톤
- E58E8F
- DA8D8D
- CF8C8B
- C48A8A
- B98988
- AE8787
- A28685
- 978483
- 8C8282
색 조화
보색 +180°
- F08F90
Ikkonzome Pink
- 31C5CB
≈ Turquoise Surf
유사색 -30° +30°
- F08F90
Ikkonzome Pink
- E68FBA
≈ Chewing Gum Pink
- EB9769
≈ Sawtooth Aak
삼각 배색 +120° +240°
- F08F90
Ikkonzome Pink
- 86C178
≈ Applegate
- 81AFF9
≈ Kitten’s Eye
분열 보색 +150° +210°
- F08F90
Ikkonzome Pink
- 53C7A2
≈ Mermaid’s Kiss
- 51BCEA
≈ Clean Pool
사각 배색 +90° +180° +270°
- F08F90
Ikkonzome Pink
- B4B556
≈ Green Oasis
- 31C5CB
≈ Turquoise Surf
- ADA2F4
≈ Shy Moment
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.03:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.03:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--ikkonzome-pink: #f08f90;
--ikkonzome-pink-rgb: 240 143 144;
--ikkonzome-pink-oklch: oklch(0.752 0.118 19.6);
}
.element {
color: var(--ikkonzome-pink);
background-color: hsl(359 76% 75%);
border-color: oklch(0.752 0.118 19.6);
}Tailwind CSS v4
@theme {
--color-ikkonzome-pink: #f08f90;
--color-ikkonzome-pink-50: #ffe9e6;
--color-ikkonzome-pink-100: #ffd9d7;
--color-ikkonzome-pink-200: #ffc1be;
--color-ikkonzome-pink-300: #ee9f9d;
--color-ikkonzome-pink-400: #db8182;
--color-ikkonzome-pink-500: #c86266;
--color-ikkonzome-pink-600: #a95456;
--color-ikkonzome-pink-700: #884345;
--color-ikkonzome-pink-800: #653033;
--color-ikkonzome-pink-900: #472023;
--color-ikkonzome-pink-950: #2e0f12;
}SCSS
$ikkonzome-pink: #f08f90;
$ikkonzome-pink-rgb: 240, 143, 144;
$ikkonzome-pink-light: mix(#fff, $ikkonzome-pink, 20%);
$ikkonzome-pink-dark: mix(#000, $ikkonzome-pink, 20%);
.element {
color: $ikkonzome-pink;
box-shadow: 0 0 0 2px rgba($ikkonzome-pink, 0.35);
}