이름 색상 · #DDDEBE
Soft Vellum
Soft Vellum은(는) #DDDEBE: rgb(221 222 190), hsl(62 33% 81%), oklch(0.891 0.043 108.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Soft Vellum color name →
#DDDEBE
oklch(0.891 0.043 108.7)
색상 변환
- HEX
- #dddebe
- RGB
- rgb(221 222 190)
- HSL
- hsl(62 33% 81%)
- HWB
- hwb(62 75% 13%)
- OKLCH
- oklch(0.891 0.043 108.7)
- OKLab
- oklab(0.891 -0.014 0.04)
- CIE Lab
- lab(87.76 -4.34 15.66)
- LCH
- lch(87.76 16.25 105.5)
- CMYK
- cmyk(0% 0% 14% 13%)
틴트 · 셰이드 · 톤
틴트
- E0E1C4
- E4E5CB
- E7E8D1
- EAEBD8
- EEEEDE
- F1F2E5
- F5F5EB
- F8F8F2
- FCFCF8
셰이드
- C0C1A5
- A4A58C
- 888975
- 6E6F5E
- 555548
- 3D3D33
- 26261F
- 11120D
- 020202
톤
- D3D4B8
- CACBB1
- C0C1AB
- B7B7A5
- ADAE9F
- A4A599
- 9B9B92
- 92928C
- 898986
색 조화
보색 +180°
- DDDEBE
Soft Vellum
- D9D7F6
≈ Lavender Sky
유사색 -30° +30°
- DDDEBE
Soft Vellum
- EBD9BC
≈ White Hot Chocolate
- CEE2C8
≈ Endive
삼각 배색 +120° +240°
- DDDEBE
Soft Vellum
- BFE1F2
≈ Tropical Pool
- F2D0E0
≈ Minimal Rose
분열 보색 +150° +210°
- DDDEBE
Soft Vellum
- CBDDF8
≈ Fly a Kite
- E8D3EE
≈ Lavender Princess
사각 배색 +90° +180° +270°
- DDDEBE
Soft Vellum
- BBE4E6
≈ Soaring Sky
- D9D7F6
≈ Lavender Sky
- F6D1D0
≈ Pinky Promise
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.26:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--soft-vellum: #dddebe;
--soft-vellum-rgb: 221 222 190;
--soft-vellum-oklch: oklch(0.891 0.043 108.7);
}
.element {
color: var(--soft-vellum);
background-color: hsl(62 33% 81%);
border-color: oklch(0.891 0.043 108.7);
}Tailwind CSS v4
@theme {
--color-soft-vellum: #dddebe;
--color-soft-vellum-50: #f5f6e9;
--color-soft-vellum-100: #e8e9d9;
--color-soft-vellum-200: #d5d6c2;
--color-soft-vellum-300: #b8baa1;
--color-soft-vellum-400: #a0a184;
--color-soft-vellum-500: #888968;
--color-soft-vellum-600: #737458;
--color-soft-vellum-700: #5c5d46;
--color-soft-vellum-800: #444432;
--color-soft-vellum-900: #2f2f22;
--color-soft-vellum-950: #1b1b11;
}SCSS
$soft-vellum: #dddebe;
$soft-vellum-rgb: 221, 222, 190;
$soft-vellum-light: mix(#fff, $soft-vellum, 20%);
$soft-vellum-dark: mix(#000, $soft-vellum, 20%);
.element {
color: $soft-vellum;
box-shadow: 0 0 0 2px rgba($soft-vellum, 0.35);
}