Benannte Farbe · #D8CAB2
Raw Sugar
Raw Sugar ist #D8CAB2: rgb(216 202 178), hsl(38 33% 77%), oklch(0.844 0.036 81.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Raw Sugar color name →
#D8CAB2
oklch(0.844 0.036 81.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- DCCFBA
- E0D4C1
- E4DAC9
- E8DFD0
- EBE4D8
- EFEAE0
- F3EFE8
- F7F4EF
- FBFAF7
Shades
- BCAF9A
- A09583
- 857C6D
- 6B6457
- 534D43
- 3B372F
- 25221D
- 110F0C
- 020201
Tones
- CFC2AD
- C6BBA8
- BDB3A3
- B4AC9E
- ABA499
- A29D94
- 9A968F
- 918E8A
- 888785
Farbharmonien
Komplementär +180°
- D8CAB2
Raw Sugar
- BFCDE4
≈ Periwinkle Grey
Analog -30° +30°
- D8CAB2
Raw Sugar
- E0C6B7
≈ Birthday Suit
- CCCFB4
≈ Chilled Cucumber
Triadisch +120° +240°
- D8CAB2
Raw Sugar
- B2D3D6
≈ Fine China
- D7C5DA
≈ Prudence
Geteilt komplementär +150° +210°
- D8CAB2
Raw Sugar
- B5D1DF
≈ Early June
- CBC8E2
≈ Purple Purity
Tetradisch +90° +180° +270°
- D8CAB2
Raw Sugar
- B5D4C9
≈ Gemini
- BFCDE4
≈ Periwinkle Grey
- E0C3CF
≈ In the Slip
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 13.01:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
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);
}