Colore con nome · #E3DF84
Crescendo
Crescendo è #E3DF84: rgb(227 223 132), hsl(57 63% 70%), oklch(0.887 0.113 106.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Crescendo color name →
#E3DF84
oklch(0.887 0.113 106.3)
Conversioni di colore
- HEX
- #e3df84
- RGB
- rgb(227 223 132)
- HSL
- hsl(57 63% 70%)
- HWB
- hwb(57 52% 11%)
- OKLCH
- oklch(0.887 0.113 106.3)
- OKLab
- oklab(0.887 -0.032 0.109)
- CIE Lab
- lab(87.67 -7.98 44.94)
- LCH
- lch(87.67 45.64 100.1)
- CMYK
- cmyk(0% 2% 42% 11%)
Tinte · Ombre · Toni
Tinte
- E6E292
- E8E69F
- EBE9AB
- EEECB8
- F1F0C4
- F3F3D0
- F6F6DC
- F9F9E8
- FCFCF3
Ombre
- C5C272
- A8A560
- 8C8A4F
- 716F3F
- 57562F
- 3F3D20
- 272712
- 121206
- 030201
Toni
- D9D585
- CECC85
- C4C286
- BAB886
- B0AF85
- A6A585
- 9C9C84
- 939383
- 898982
Armonie di colore
Complementare +180°
- E3DF84
Crescendo
- D6D5FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- E3DF84
Crescendo
- FFD290
≈ Honey Bird
- B8EBA0
≈ Sweet Mint Pesto
Triadico +120° +240°
- E3DF84
Crescendo
- A6E4FF
≈ Ganon Blue
- FFC7E4
≈ Sugarwinkle
Complementare divisa +150° +210°
- E3DF84
Crescendo
- C3DCFF
≈ Broad Daylight
- F0CAFF
≈ Sparkling Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.15:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.15:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--crescendo: #e3df84;
--crescendo-rgb: 227 223 132;
--crescendo-oklch: oklch(0.887 0.113 106.3);
}
.element {
color: var(--crescendo);
background-color: hsl(57 63% 70%);
border-color: oklch(0.887 0.113 106.3);
}Tailwind CSS v4
@theme {
--color-crescendo: #e3df84;
--color-crescendo-50: #f7f8d3;
--color-crescendo-100: #ebebc0;
--color-crescendo-200: #d8d9a0;
--color-crescendo-300: #bcbc77;
--color-crescendo-400: #a7a34e;
--color-crescendo-500: #908a1a;
--color-crescendo-600: #7a751a;
--color-crescendo-700: #615e15;
--color-crescendo-800: #49440b;
--color-crescendo-900: #322f07;
--color-crescendo-950: #1e1b00;
}SCSS
$crescendo: #e3df84;
$crescendo-rgb: 227, 223, 132;
$crescendo-light: mix(#fff, $crescendo, 20%);
$crescendo-dark: mix(#000, $crescendo, 20%);
.element {
color: $crescendo;
box-shadow: 0 0 0 2px rgba($crescendo, 0.35);
}