이름 색상 · #D1BEA8
Vanilla Doe
Vanilla Doe은(는) #D1BEA8: rgb(209 190 168), hsl(32 31% 74%), oklch(0.812 0.037 71.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Vanilla Doe color name →
#D1BEA8
oklch(0.812 0.037 71.3)
색상 변환
- HEX
- #d1bea8
- RGB
- rgb(209 190 168)
- HSL
- hsl(32 31% 74%)
- HWB
- hwb(32 66% 18%)
- OKLCH
- oklch(0.812 0.037 71.3)
- OKLab
- oklab(0.812 0.012 0.035)
- CIE Lab
- lab(78.15 4.34 13.73)
- LCH
- lch(78.15 14.4 72.4)
- CMYK
- cmyk(0% 9% 20% 18%)
틴트 · 셰이드 · 톤
틴트
- D6C4B1
- DACBB9
- DFD1C2
- E3D8CA
- E8DED3
- EDE5DC
- F1EBE4
- F6F2ED
- FAF8F6
셰이드
- B5A592
- 9B8C7C
- 817567
- 685E52
- 50483F
- 39332C
- 231F1A
- 100D0A
- 020201
톤
- C9B8A4
- C0B1A0
- B8AB9C
- B0A598
- A89F94
- A09890
- 98928C
- 908C88
- 888684
색 조화
보색 +180°
- D1BEA8
Vanilla Doe
- B0C4D9
≈ Spindle
유사색 -30° +30°
- D1BEA8
Vanilla Doe
- D7BAAF
≈ Wafer
- C6C3A8
≈ Green Gaze
삼각 배색 +120° +240°
- D1BEA8
Vanilla Doe
- A7CAC7
≈ Impressionist Blue
- C9BBD3
≈ Purple Shine
분열 보색 +150° +210°
- D1BEA8
Vanilla Doe
- A8C7D3
≈ Ocean Eyes
- BDBFDA
≈ Rhapsody Lilac
사각 배색 +90° +180° +270°
- D1BEA8
Vanilla Doe
- ADC9BA
≈ Greywacke
- B0C4D9
≈ Spindle
- D3B8C8
≈ Lavender Blessing
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.80:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.64:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--vanilla-doe: #d1bea8;
--vanilla-doe-rgb: 209 190 168;
--vanilla-doe-oklch: oklch(0.812 0.037 71.3);
}
.element {
color: var(--vanilla-doe);
background-color: hsl(32 31% 74%);
border-color: oklch(0.812 0.037 71.3);
}Tailwind CSS v4
@theme {
--color-vanilla-doe: #d1bea8;
--color-vanilla-doe-50: #fcf4ea;
--color-vanilla-doe-100: #f0e6db;
--color-vanilla-doe-200: #ded2c3;
--color-vanilla-doe-300: #c3b5a3;
--color-vanilla-doe-400: #ad9b87;
--color-vanilla-doe-500: #96836c;
--color-vanilla-doe-600: #7f6f5b;
--color-vanilla-doe-700: #665849;
--color-vanilla-doe-800: #4b4035;
--color-vanilla-doe-900: #342c24;
--color-vanilla-doe-950: #1f1913;
}SCSS
$vanilla-doe: #d1bea8;
$vanilla-doe-rgb: 209, 190, 168;
$vanilla-doe-light: mix(#fff, $vanilla-doe, 20%);
$vanilla-doe-dark: mix(#000, $vanilla-doe, 20%);
.element {
color: $vanilla-doe;
box-shadow: 0 0 0 2px rgba($vanilla-doe, 0.35);
}