Nazwany kolor · #E3D4CD
Sugar Berry
Sugar Berry to #E3D4CD: rgb(227 212 205), hsl(19 28% 85%), oklch(0.88 0.019 46.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sugar Berry color name →
#E3D4CD
oklch(0.88 0.019 46.8)
Konwersje koloru
- HEX
- #e3d4cd
- RGB
- rgb(227 212 205)
- HSL
- hsl(19 28% 85%)
- HWB
- hwb(19 80% 11%)
- OKLCH
- oklch(0.88 0.019 46.8)
- OKLab
- oklab(0.88 0.013 0.014)
- CIE Lab
- lab(86 4.48 5.43)
- LCH
- lch(86 7.05 50.5)
- CMYK
- cmyk(0% 7% 10% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6D8D2
- E9DCD7
- EBE1DC
- EEE5E1
- F1E9E6
- F4EEEB
- F7F2F0
- F9F6F5
- FCFBFA
Odcienie ciemniejsze
- C5B8B2
- A89D98
- 8C837E
- 716966
- 57514E
- 3F3A38
- 272423
- 12100F
- 030202
Tony
- D9CBC5
- CEC3BD
- C4BAB5
- BAB1AD
- B0A9A6
- A6A19E
- 9D9896
- 93908F
- 898887
Harmonie kolorów
Komplementarna +180°
- E3D4CD
Sugar Berry
- CBDAE1
≈ Vanilla Ice Smoke
Analogowa -30° +30°
- E3D4CD
Sugar Berry
- E4D3D3
≈ Theatre Powder Rose
- DFD6CA
≈ Always Neutral
Triada +120° +240°
- E3D4CD
Sugar Berry
- CCDCD5
≈ Light Soft Celadon
- D6D6E4
≈ Heavenly Haze
Komplementarna rozszczepiona +150° +210°
- E3D4CD
Sugar Berry
- CADCDC
≈ Snow in June
- D0D8E4
≈ So Blue-Berry
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.56:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--sugar-berry: #e3d4cd;
--sugar-berry-rgb: 227 212 205;
--sugar-berry-oklch: oklch(0.88 0.019 46.8);
}
.element {
color: var(--sugar-berry);
background-color: hsl(19 28% 85%);
border-color: oklch(0.88 0.019 46.8);
}Tailwind CSS v4
@theme {
--color-sugar-berry: #e3d4cd;
--color-sugar-berry-50: #faf4f0;
--color-sugar-berry-100: #eee6e2;
--color-sugar-berry-200: #dcd2cd;
--color-sugar-berry-300: #c0b5af;
--color-sugar-berry-400: #a99b95;
--color-sugar-berry-500: #92837c;
--color-sugar-berry-600: #7b6f69;
--color-sugar-berry-700: #635854;
--color-sugar-berry-800: #48403d;
--color-sugar-berry-900: #322c2a;
--color-sugar-berry-950: #1e1917;
}SCSS
$sugar-berry: #e3d4cd;
$sugar-berry-rgb: 227, 212, 205;
$sugar-berry-light: mix(#fff, $sugar-berry, 20%);
$sugar-berry-dark: mix(#000, $sugar-berry, 20%);
.element {
color: $sugar-berry;
box-shadow: 0 0 0 2px rgba($sugar-berry, 0.35);
}