이름 색상 · #D8CAB2
Raw Sugar
Raw Sugar은(는) #D8CAB2: rgb(216 202 178), hsl(38 33% 77%), oklch(0.844 0.036 81.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Raw Sugar color name →
#D8CAB2
oklch(0.844 0.036 81.3)
색상 변환
- HEX
- #d8cab2
- RGB
- rgb(216 202 178)
- HSL
- hsl(38 33% 77%)
- HWB
- hwb(38 70% 15%)
- OKLCH
- oklch(0.844 0.036 81.3)
- OKLab
- oklab(0.844 0.005 0.036)
- CIE Lab
- lab(82.01 2.16 13.88)
- LCH
- lch(82.01 14.05 81.1)
- CMYK
- cmyk(0% 6% 18% 15%)
틴트 · 셰이드 · 톤
틴트
- DCCFBA
- E0D4C1
- E4DAC9
- E8DFD0
- EBE4D8
- EFEAE0
- F3EFE8
- F7F4EF
- FBFAF7
셰이드
- BCAF9A
- A09583
- 857C6D
- 6B6457
- 534D43
- 3B372F
- 25221D
- 110F0C
- 020201
톤
- CFC2AD
- C6BBA8
- BDB3A3
- B4AC9E
- ABA499
- A29D94
- 9A968F
- 918E8A
- 888785
색 조화
보색 +180°
- D8CAB2
Raw Sugar
- BFCDE4
≈ Periwinkle Grey
유사색 -30° +30°
- D8CAB2
Raw Sugar
- E0C6B7
≈ Birthday Suit
- CCCFB4
≈ Chilled Cucumber
삼각 배색 +120° +240°
- D8CAB2
Raw Sugar
- B2D3D6
≈ Fine China
- D7C5DA
≈ Prudence
분열 보색 +150° +210°
- D8CAB2
Raw Sugar
- B5D1DF
≈ Early June
- CBC8E2
≈ Purple Purity
사각 배색 +90° +180° +270°
- D8CAB2
Raw Sugar
- B5D4C9
≈ Gemini
- BFCDE4
≈ Periwinkle Grey
- E0C3CF
≈ In the Slip
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.61:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 13.01:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--raw-sugar: #d8cab2;
--raw-sugar-rgb: 216 202 178;
--raw-sugar-oklch: oklch(0.844 0.036 81.3);
}
.element {
color: var(--raw-sugar);
background-color: hsl(38 33% 77%);
border-color: oklch(0.844 0.036 81.3);
}Tailwind CSS v4
@theme {
--color-raw-sugar: #d8cab2;
--color-raw-sugar-50: #faf4ea;
--color-raw-sugar-100: #eee7db;
--color-raw-sugar-200: #dcd3c3;
--color-raw-sugar-300: #c0b6a3;
--color-raw-sugar-400: #a99d87;
--color-raw-sugar-500: #92846b;
--color-raw-sugar-600: #7c705b;
--color-raw-sugar-700: #635949;
--color-raw-sugar-800: #494134;
--color-raw-sugar-900: #332d24;
--color-raw-sugar-950: #1e1a13;
}SCSS
$raw-sugar: #d8cab2;
$raw-sugar-rgb: 216, 202, 178;
$raw-sugar-light: mix(#fff, $raw-sugar, 20%);
$raw-sugar-dark: mix(#000, $raw-sugar, 20%);
.element {
color: $raw-sugar;
box-shadow: 0 0 0 2px rgba($raw-sugar, 0.35);
}