이름 색상 · #F10C45
Pinkish Red
Pinkish Red은(는) #F10C45: rgb(241 12 69), hsl(345 91% 50%), oklch(0.609 0.241 18.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Pinkish Red color name →
#F10C45
oklch(0.609 0.241 18.9)
색상 변환
- HEX
- #f10c45
- RGB
- rgb(241 12 69)
- HSL
- hsl(345 91% 50%)
- HWB
- hwb(345 5% 5%)
- OKLCH
- oklch(0.609 0.241 18.9)
- OKLab
- oklab(0.609 0.228 0.078)
- CIE Lab
- lab(52.06 77.51 36.2)
- LCH
- lch(52.06 85.55 25)
- CMYK
- cmyk(0% 95% 71% 5%)
틴트 · 셰이드 · 톤
틴트
- F64058
- FB5C6A
- FE747C
- FF8A8E
- FF9FA0
- FFB2B3
- FFC6C6
- FFD9D9
- FFECEC
셰이드
- D2093B
- B30631
- 950427
- 79031E
- 5D0215
- 43010C
- 2B0005
- 140002
- 030000
톤
- E72F4C
- DE4152
- D44E59
- C9585F
- BF6165
- B4696A
- A86F70
- 9C7675
- 8E7B7B
색 조화
보색 +180°
- F10C45
Pinkish Red
- 00959A
≈ Peacock Feather
유사색 -30° +30°
- F10C45
Pinkish Red
- E11F99
≈ Myoga Purple
- CD5E00
≈ Rusty Orange
삼각 배색 +120° +240°
- F10C45
Pinkish Red
- 389C00
≈ Grassy Green
- 207BFF
≈ Clear Blue
분열 보색 +150° +210°
- F10C45
Pinkish Red
- 009A76
≈ Jardinière
- 008FBC
≈ Hawaiian Surf
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.30:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 4.87:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 4.87:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--pinkish-red: #f10c45;
--pinkish-red-rgb: 241 12 69;
--pinkish-red-oklch: oklch(0.609 0.241 18.9);
}
.element {
color: var(--pinkish-red);
background-color: hsl(345 91% 50%);
border-color: oklch(0.609 0.241 18.9);
}Tailwind CSS v4
@theme {
--color-pinkish-red: #f10c45;
--color-pinkish-red-50: #ffdad7;
--color-pinkish-red-100: #ffc7c5;
--color-pinkish-red-200: #ffa8a7;
--color-pinkish-red-300: #ff7c81;
--color-pinkish-red-400: #ff4c63;
--color-pinkish-red-500: #fe0041;
--color-pinkish-red-600: #d70038;
--color-pinkish-red-700: #ad002c;
--color-pinkish-red-800: #810022;
--color-pinkish-red-900: #5c0017;
--color-pinkish-red-950: #3e0008;
}SCSS
$pinkish-red: #f10c45;
$pinkish-red-rgb: 241, 12, 69;
$pinkish-red-light: mix(#fff, $pinkish-red, 20%);
$pinkish-red-dark: mix(#000, $pinkish-red, 20%);
.element {
color: $pinkish-red;
box-shadow: 0 0 0 2px rgba($pinkish-red, 0.35);
}