이름 색상 · #D5A6AD
Foxy Lady
Foxy Lady은(는) #D5A6AD: rgb(213 166 173), hsl(351 36% 74%), oklch(0.77 0.056 8.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Foxy Lady color name →
#D5A6AD
oklch(0.77 0.056 8.5)
색상 변환
- HEX
- #d5a6ad
- RGB
- rgb(213 166 173)
- HSL
- hsl(351 36% 74%)
- HWB
- hwb(351 65% 16%)
- OKLCH
- oklch(0.77 0.056 8.5)
- OKLab
- oklab(0.77 0.055 0.008)
- CIE Lab
- lab(72.68 18.6 3.38)
- LCH
- lch(72.68 18.91 10.3)
- CMYK
- cmyk(0% 22% 19% 16%)
틴트 · 셰이드 · 톤
틴트
- D9AFB5
- DEB7BD
- E2C0C5
- E7C9CD
- EBD2D5
- EFDBDE
- F3E4E6
- F7EDEE
- FBF6F7
셰이드
- B99096
- 9E7A7F
- 83656A
- 6A5155
- 513E41
- 3A2B2D
- 241A1B
- 100A0B
- 020101
톤
- CCA2A8
- C49EA4
- BB9B9F
- B3979B
- AA9396
- A28F92
- 998B8D
- 918889
- 888484
색 조화
보색 +180°
- D5A6AD
Foxy Lady
- 8BC0BB
≈ Undine
유사색 -30° +30°
- D5A6AD
Foxy Lady
- CDA7C1
≈ Safflower Wisteria
- D5A99B
≈ Cottage Rose
삼각 배색 +120° +240°
- D5A6AD
Foxy Lady
- AABC96
≈ Ash Tree
- 99B8D7
≈ Blue Pointer
분열 보색 +150° +210°
- D5A6AD
Foxy Lady
- 97C0A7
≈ Spearmint Frosting
- 8CBDCC
≈ Blue Echo
사각 배색 +90° +180° +270°
- D5A6AD
Foxy Lady
- BDB58C
≈ Urahayanagi Green
- 8BC0BB
≈ Undine
- ACB1D8
≈ High Style
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.12:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.88:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.88:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--foxy-lady: #d5a6ad;
--foxy-lady-rgb: 213 166 173;
--foxy-lady-oklch: oklch(0.77 0.056 8.5);
}
.element {
color: var(--foxy-lady);
background-color: hsl(351 36% 74%);
border-color: oklch(0.77 0.056 8.5);
}Tailwind CSS v4
@theme {
--color-foxy-lady: #d5a6ad;
--color-foxy-lady-50: #ffeff1;
--color-foxy-lady-100: #fae1e3;
--color-foxy-lady-200: #ebcbce;
--color-foxy-lady-300: #d2acb0;
--color-foxy-lady-400: #bd9198;
--color-foxy-lady-500: #a7777f;
--color-foxy-lady-600: #8d656b;
--color-foxy-lady-700: #715056;
--color-foxy-lady-800: #543a3f;
--color-foxy-lady-900: #3a282b;
--color-foxy-lady-950: #241619;
}SCSS
$foxy-lady: #d5a6ad;
$foxy-lady-rgb: 213, 166, 173;
$foxy-lady-light: mix(#fff, $foxy-lady, 20%);
$foxy-lady-dark: mix(#000, $foxy-lady, 20%);
.element {
color: $foxy-lady;
box-shadow: 0 0 0 2px rgba($foxy-lady, 0.35);
}