Colore con nome · #E5C28B
White Raisin
White Raisin è #E5C28B: rgb(229 194 139), hsl(37 63% 72%), oklch(0.832 0.082 78.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · White Raisin color name →
#E5C28B
oklch(0.832 0.082 78.5)
Conversioni di colore
- HEX
- #e5c28b
- RGB
- rgb(229 194 139)
- HSL
- hsl(37 63% 72%)
- HWB
- hwb(37 55% 10%)
- OKLCH
- oklch(0.832 0.082 78.5)
- OKLab
- oklab(0.832 0.016 0.08)
- CIE Lab
- lab(80.56 7.42 32.57)
- LCH
- lch(80.56 33.4 77.2)
- CMYK
- cmyk(0% 15% 39% 10%)
Tinte · Ombre · Toni
Tinte
- E8C897
- EACEA3
- EDD4AE
- F0DABA
- F2E1C5
- F5E7D1
- F7EDDC
- FAF3E8
- FDF9F3
Ombre
- C7A878
- AA8F66
- 8E7754
- 726043
- 584932
- 3F3423
- 282014
- 120E07
- 030201
Toni
- DBBB8A
- D0B58A
- C6AE89
- BCA788
- B1A187
- A79A86
- 9D9485
- 948D83
- 8A8782
Armonie di colore
Complementare +180°
- E5C28B
White Raisin
- A8CAFD
≈ Night Snow
Analogo -30° +30°
- E5C28B
White Raisin
- F5B899
≈ Mandys Pink
- CCCD8E
≈ Springtide Green
Triadico +120° +240°
- E5C28B
White Raisin
- 85D8DB
≈ Island Oasis
- DFB7EA
≈ Beefy Pink
Complementare divisa +150° +210°
- E5C28B
White Raisin
- 8ED3F2
≈ Slightly Spritzig
- C5C0FA
≈ Light Periwinkle
Tetradico +90° +180° +270°
- E5C28B
White Raisin
- 92D9BE
≈ Green Jewel
- A8CAFD
≈ Night Snow
- F1B3D1
≈ Fulgrim Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.42:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--white-raisin: #e5c28b;
--white-raisin-rgb: 229 194 139;
--white-raisin-oklch: oklch(0.832 0.082 78.5);
}
.element {
color: var(--white-raisin);
background-color: hsl(37 63% 72%);
border-color: oklch(0.832 0.082 78.5);
}Tailwind CSS v4
@theme {
--color-white-raisin: #e5c28b;
--color-white-raisin-50: #fff3dc;
--color-white-raisin-100: #f6e6ca;
--color-white-raisin-200: #e7d1ad;
--color-white-raisin-300: #cdb488;
--color-white-raisin-400: #b99966;
--color-white-raisin-500: #a47f43;
--color-white-raisin-600: #8a6c3a;
--color-white-raisin-700: #6f562e;
--color-white-raisin-800: #523e20;
--color-white-raisin-900: #392b15;
--color-white-raisin-950: #241807;
}SCSS
$white-raisin: #e5c28b;
$white-raisin-rgb: 229, 194, 139;
$white-raisin-light: mix(#fff, $white-raisin, 20%);
$white-raisin-dark: mix(#000, $white-raisin, 20%);
.element {
color: $white-raisin;
box-shadow: 0 0 0 2px rgba($white-raisin, 0.35);
}