이름 색상 · #CA135E
Yearning Desire
Yearning Desire은(는) #CA135E: rgb(202 19 94), hsl(335 83% 43%), oklch(0.545 0.211 5.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Yearning Desire color name →
#CA135E
oklch(0.545 0.211 5.6)
색상 변환
- HEX
- #ca135e
- RGB
- rgb(202 19 94)
- HSL
- hsl(335 83% 43%)
- HWB
- hwb(335 7% 21%)
- OKLCH
- oklch(0.545 0.211 5.6)
- OKLab
- oklab(0.545 0.21 0.021)
- CIE Lab
- lab(44.64 68.16 9.42)
- LCH
- lch(44.64 68.81 7.9)
- CMYK
- cmyk(0% 91% 53% 21%)
틴트 · 셰이드 · 톤
틴트
- D33C6D
- DB567C
- E26D8B
- E9839B
- EE98AB
- F3ADBB
- F8C1CC
- FBD6DD
- FDEAEE
셰이드
- AF0F51
- 950B44
- 7C0737
- 64052B
- 4D031F
- 370114
- 22010A
- 0F0003
- 020000
톤
- C42D61
- BF3C65
- B94868
- B2536B
- AB5C6F
- A46472
- 9C6C76
- 947379
- 8A7A7D
색 조화
보색 +180°
- CA135E
Yearning Desire
- 008278
≈ Green Garlands
유사색 -30° +30°
- CA135E
Yearning Desire
- B4299E
≈ Fuchsia Flourish
- C53400
≈ Harley Davidson Orange
삼각 배색 +120° +240°
- CA135E
Yearning Desire
- 5D7D00
≈ Enchanted Forest
- 0075BB
≈ Biloxi Blue
분열 보색 +150° +210°
- CA135E
Yearning Desire
- 00864D
≈ Pixel Nature
- 007E93
≈ Pagoda
사각 배색 +90° +180° +270°
- CA135E
Yearning Desire
- 846F00
≈ Sunlit Kelp Green
- 008278
≈ Green Garlands
- 5458E7
≈ Arcane Brew
대비 및 접근성
Ag
AA흰색 위
WCAG 5.57:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.76:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.57:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--yearning-desire: #ca135e;
--yearning-desire-rgb: 202 19 94;
--yearning-desire-oklch: oklch(0.545 0.211 5.6);
}
.element {
color: var(--yearning-desire);
background-color: hsl(335 83% 43%);
border-color: oklch(0.545 0.211 5.6);
}Tailwind CSS v4
@theme {
--color-yearning-desire: #ca135e;
--color-yearning-desire-50: #ffddea;
--color-yearning-desire-100: #ffcbdb;
--color-yearning-desire-200: #ffadc4;
--color-yearning-desire-300: #ff84a4;
--color-yearning-desire-400: #fe5c8c;
--color-yearning-desire-500: #ed2572;
--color-yearning-desire-600: #c82360;
--color-yearning-desire-700: #a11d4d;
--color-yearning-desire-800: #78133a;
--color-yearning-desire-900: #550c28;
--color-yearning-desire-950: #380016;
}SCSS
$yearning-desire: #ca135e;
$yearning-desire-rgb: 202, 19, 94;
$yearning-desire-light: mix(#fff, $yearning-desire, 20%);
$yearning-desire-dark: mix(#000, $yearning-desire, 20%);
.element {
color: $yearning-desire;
box-shadow: 0 0 0 2px rgba($yearning-desire, 0.35);
}