Warna bernama · #E3DF84
Crescendo
Crescendo adalah #E3DF84: rgb(227 223 132), hsl(57 63% 70%), oklch(0.887 0.113 106.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Crescendo color name →
#E3DF84
oklch(0.887 0.113 106.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- E6E292
- E8E69F
- EBE9AB
- EEECB8
- F1F0C4
- F3F3D0
- F6F6DC
- F9F9E8
- FCFCF3
Shade
- C5C272
- A8A560
- 8C8A4F
- 716F3F
- 57562F
- 3F3D20
- 272712
- 121206
- 030201
Tone
- D9D585
- CECC85
- C4C286
- BAB886
- B0AF85
- A6A585
- 9C9C84
- 939383
- 898982
Harmoni warna
Komplementer +180°
- E3DF84
Crescendo
- D6D5FF
≈ Pale Phthalo Blue
Analog -30° +30°
- E3DF84
Crescendo
- FFD290
≈ Honey Bird
- B8EBA0
≈ Sweet Mint Pesto
Triadik +120° +240°
- E3DF84
Crescendo
- A6E4FF
≈ Ganon Blue
- FFC7E4
≈ Sugarwinkle
Split-komplementer +150° +210°
- E3DF84
Crescendo
- C3DCFF
≈ Broad Daylight
- F0CAFF
≈ Sparkling Lavender
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.38:1 · APCA Lc 19
Ag
AAADi atas hitam
WCAG 15.15:1 · APCA Lc 85
Warna teks terbaik: #000000
WCAG 15.15:1 (AAA) · APCA Lc 85
Contrast pairs
Cuplikan kode
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);
}