이름 색상 · #D5A585
Yolande
Yolande은(는) #D5A585: rgb(213 165 133), hsl(24 49% 68%), oklch(0.758 0.072 55.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Yolande color name →
#D5A585
oklch(0.758 0.072 55.1)
색상 변환
- HEX
- #d5a585
- RGB
- rgb(213 165 133)
- HSL
- hsl(24 49% 68%)
- HWB
- hwb(24 52% 16%)
- OKLCH
- oklch(0.758 0.072 55.1)
- OKLab
- oklab(0.758 0.041 0.059)
- CIE Lab
- lab(71.69 15.13 23.79)
- LCH
- lch(71.69 28.19 57.5)
- CMYK
- cmyk(0% 23% 38% 16%)
틴트 · 셰이드 · 톤
틴트
- DAAE91
- DEB79D
- E2C0A9
- E7C9B5
- EBD2C1
- EFDBCE
- F3E4DA
- F7EDE6
- FBF6F3
셰이드
- B98F73
- 9E7961
- 836550
- 6A5140
- 513D30
- 3A2B21
- 241A13
- 100A06
- 020101
톤
- CCA185
- C49E85
- BB9A84
- B39684
- AA9383
- A28F83
- 998B82
- 918882
- 888481
색 조화
보색 +180°
- D5A585
Yolande
- 83B8D8
≈ 21st Century Blue
유사색 -30° +30°
- D5A585
Yolande
- DB9F9A
≈ Pink Pussycat
- C6AE7C
≈ Butterbrot
삼각 배색 +120° +240°
- D5A585
Yolande
- 7FC0AE
≈ Mintage
- B3A8DA
≈ Grape Illusion
분열 보색 +150° +210°
- D5A585
Yolande
- 78BEC6
≈ Aqua Vitale
- 9AB0DF
≈ Blue Skies Today
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.19:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.54:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--yolande: #d5a585;
--yolande-rgb: 213 165 133;
--yolande-oklch: oklch(0.758 0.072 55.1);
}
.element {
color: var(--yolande);
background-color: hsl(24 49% 68%);
border-color: oklch(0.758 0.072 55.1);
}Tailwind CSS v4
@theme {
--color-yolande: #d5a585;
--color-yolande-50: #fff1e2;
--color-yolande-100: #fbe2d1;
--color-yolande-200: #edcdb7;
--color-yolande-300: #d5af94;
--color-yolande-400: #c09476;
--color-yolande-500: #ab7957;
--color-yolande-600: #91674a;
--color-yolande-700: #74523b;
--color-yolande-800: #563b2b;
--color-yolande-900: #3c291d;
--color-yolande-950: #26170d;
}SCSS
$yolande: #d5a585;
$yolande-rgb: 213, 165, 133;
$yolande-light: mix(#fff, $yolande, 20%);
$yolande-dark: mix(#000, $yolande, 20%);
.element {
color: $yolande;
box-shadow: 0 0 0 2px rgba($yolande, 0.35);
}