이름 색상 · #D1B791
Vermicelli
Vermicelli은(는) #D1B791: rgb(209 183 145), hsl(36 41% 69%), oklch(0.792 0.059 77.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Vermicelli color name →
#D1B791
oklch(0.792 0.059 77.1)
색상 변환
- HEX
- #d1b791
- RGB
- rgb(209 183 145)
- HSL
- hsl(36 41% 69%)
- HWB
- hwb(36 57% 18%)
- OKLCH
- oklch(0.792 0.059 77.1)
- OKLab
- oklab(0.792 0.013 0.058)
- CIE Lab
- lab(75.98 5.49 23)
- LCH
- lch(75.98 23.65 76.6)
- CMYK
- cmyk(0% 12% 31% 18%)
틴트 · 셰이드 · 톤
틴트
- D6BE9C
- DAC5A7
- DFCCB2
- E3D4BD
- E8DBC8
- EDE2D3
- F1E9DE
- F6F0E9
- FAF8F4
셰이드
- B59F7D
- 9B876A
- 817058
- 685A46
- 504535
- 393125
- 231E15
- 100C07
- 020201
톤
- C9B190
- C0AC8E
- B8A68C
- B0A18B
- A89B89
- A09687
- 989086
- 908B84
- 888582
색 조화
보색 +180°
- D1B791
Vermicelli
- A4BDE2
≈ Blue Lips
유사색 -30° +30°
- D1B791
Vermicelli
- DCB09B
≈ Rose Cloud
- BFBE93
≈ New Foliage
삼각 배색 +120° +240°
- D1B791
Vermicelli
- 8EC8C8
≈ Embellished Blue
- CBB0D5
≈ Sea Lavender
분열 보색 +150° +210°
- D1B791
Vermicelli
- 93C4D9
≈ Caribbean Coast
- B8B6E0
≈ Beloved
사각 배색 +90° +180° +270°
- D1B791
Vermicelli
- 97C8B3
≈ Lobaria Lichen
- A4BDE2
≈ Blue Lips
- D9ACC3
≈ Lofty Delight
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.89:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--vermicelli: #d1b791;
--vermicelli-rgb: 209 183 145;
--vermicelli-oklch: oklch(0.792 0.059 77.1);
}
.element {
color: var(--vermicelli);
background-color: hsl(36 41% 69%);
border-color: oklch(0.792 0.059 77.1);
}Tailwind CSS v4
@theme {
--color-vermicelli: #d1b791;
--color-vermicelli-50: #fef4e3;
--color-vermicelli-100: #f3e6d2;
--color-vermicelli-200: #e2d2b9;
--color-vermicelli-300: #c8b496;
--color-vermicelli-400: #b29a77;
--color-vermicelli-500: #9c8159;
--color-vermicelli-600: #846e4c;
--color-vermicelli-700: #6a583c;
--color-vermicelli-800: #4e402b;
--color-vermicelli-900: #372c1d;
--color-vermicelli-950: #21190d;
}SCSS
$vermicelli: #d1b791;
$vermicelli-rgb: 209, 183, 145;
$vermicelli-light: mix(#fff, $vermicelli, 20%);
$vermicelli-dark: mix(#000, $vermicelli, 20%);
.element {
color: $vermicelli;
box-shadow: 0 0 0 2px rgba($vermicelli, 0.35);
}