이름 색상 · #C47967
First Lady
First Lady은(는) #C47967: rgb(196 121 103), hsl(12 44% 59%), oklch(0.652 0.098 34.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · First Lady color name →
#C47967
oklch(0.652 0.098 34.3)
색상 변환
- HEX
- #c47967
- RGB
- rgb(196 121 103)
- HSL
- hsl(12 44% 59%)
- HWB
- hwb(12 40% 23%)
- OKLCH
- oklch(0.652 0.098 34.3)
- OKLab
- oklab(0.652 0.081 0.055)
- CIE Lab
- lab(58.8 28.65 22.89)
- LCH
- lch(58.8 36.67 38.6)
- CMYK
- cmyk(0% 38% 47% 23%)
틴트 · 셰이드 · 톤
틴트
- CB8676
- D19384
- D8A193
- DEAEA2
- E4BBB1
- EAC9C0
- EFD6D0
- F5E4DF
- FAF1EF
셰이드
- AA6859
- 91584B
- 78483D
- 613930
- 4A2B23
- 351D17
- 21100C
- 0E0504
- 020100
톤
- BE7A6A
- B77B6D
- B17C6F
- AA7D72
- A37E74
- 9D7E77
- 967F79
- 8F7F7B
- 87807E
색 조화
보색 +180°
- C47967
First Lady
- 369FB4
≈ Fischer Blue
유사색 -30° +30°
- C47967
First Lady
- C27688
≈ Rosily
- BA824C
≈ Arrakis Spice
삼각 배색 +120° +240°
- C47967
First Lady
- 5CA174
≈ Treelet
- 7D8BCC
≈ True Lavender
분열 보색 +150° +210°
- C47967
First Lady
- 37A397
≈ Sea Kale
- 5896C8
≈ Blueberry Soft Blue
사각 배색 +90° +180° +270°
- C47967
First Lady
- 839A55
≈ Pine Leaves
- 369FB4
≈ Fischer Blue
- 9D80C1
≈ Lilac Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.34:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.27:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--first-lady: #c47967;
--first-lady-rgb: 196 121 103;
--first-lady-oklch: oklch(0.652 0.098 34.3);
}
.element {
color: var(--first-lady);
background-color: hsl(12 44% 59%);
border-color: oklch(0.652 0.098 34.3);
}Tailwind CSS v4
@theme {
--color-first-lady: #c47967;
--color-first-lady-50: #ffece2;
--color-first-lady-100: #ffddd1;
--color-first-lady-200: #fbc6b7;
--color-first-lady-300: #e5a694;
--color-first-lady-400: #d28977;
--color-first-lady-500: #be6d59;
--color-first-lady-600: #a15c4c;
--color-first-lady-700: #814a3d;
--color-first-lady-800: #60352c;
--color-first-lady-900: #43241e;
--color-first-lady-950: #2b130e;
}SCSS
$first-lady: #c47967;
$first-lady-rgb: 196, 121, 103;
$first-lady-light: mix(#fff, $first-lady, 20%);
$first-lady-dark: mix(#000, $first-lady, 20%);
.element {
color: $first-lady;
box-shadow: 0 0 0 2px rgba($first-lady, 0.35);
}