이름 색상 · #CF758A
First Love
First Love은(는) #CF758A: rgb(207 117 138), hsl(346 48% 64%), oklch(0.667 0.115 5.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · First Love color name →
#CF758A
oklch(0.667 0.115 5.7)
색상 변환
- HEX
- #cf758a
- RGB
- rgb(207 117 138)
- HSL
- hsl(346 48% 64%)
- HWB
- hwb(346 46% 19%)
- OKLCH
- oklch(0.667 0.115 5.7)
- OKLab
- oklab(0.667 0.114 0.011)
- CIE Lab
- lab(60.05 37.8 4.89)
- LCH
- lch(60.05 38.12 7.4)
- CMYK
- cmyk(0% 43% 33% 19%)
틴트 · 셰이드 · 톤
틴트
- D58395
- DB91A0
- E09EAC
- E5ACB7
- EABAC3
- EFC7CF
- F3D5DB
- F8E3E7
- FBF1F3
셰이드
- B46577
- 995565
- 7F4653
- 673742
- 4F2932
- 381C22
- 230F14
- 100507
- 020101
톤
- C87789
- C07888
- B97A87
- B17B86
- A97C85
- A17D84
- 997E83
- 917F82
- 897F81
색 조화
보색 +180°
- CF758A
First Love
- 12AB9E
≈ Tropical Hideaway
유사색 -30° +30°
- CF758A
First Love
- C078B0
≈ Colombo Red Mauve
- D17962
≈ Silithus Brown
삼각 배색 +120° +240°
- CF758A
First Love
- 83A14F
≈ Nasturtium Shoot
- 539BD6
≈ Blue Bay
분열 보색 +150° +210°
- CF758A
First Love
- 52A976
≈ Sēn Lín Lǜ Forest
- 17A5C1
≈ Maui
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.19:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.56:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--first-love: #cf758a;
--first-love-rgb: 207 117 138;
--first-love-oklch: oklch(0.667 0.115 5.7);
}
.element {
color: var(--first-love);
background-color: hsl(346 48% 64%);
border-color: oklch(0.667 0.115 5.7);
}Tailwind CSS v4
@theme {
--color-first-love: #cf758a;
--color-first-love-50: #ffe8ef;
--color-first-love-100: #ffd9e1;
--color-first-love-200: #ffc0cb;
--color-first-love-300: #eb9fac;
--color-first-love-400: #d78194;
--color-first-love-500: #c4637b;
--color-first-love-600: #a65468;
--color-first-love-700: #854353;
--color-first-love-800: #62303e;
--color-first-love-900: #45212b;
--color-first-love-950: #2d1018;
}SCSS
$first-love: #cf758a;
$first-love-rgb: 207, 117, 138;
$first-love-light: mix(#fff, $first-love, 20%);
$first-love-dark: mix(#000, $first-love, 20%);
.element {
color: $first-love;
box-shadow: 0 0 0 2px rgba($first-love, 0.35);
}