Warna bernama · #DEC74B
Cotton Candy Grape
Cotton Candy Grape adalah #DEC74B: rgb(222 199 75), hsl(51 69% 58%), oklch(0.827 0.143 98.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Cotton Candy Grape color name →
#DEC74B
oklch(0.827 0.143 98.7)
Konversi warna
- HEX
- #dec74b
- RGB
- rgb(222 199 75)
- HSL
- hsl(51 69% 58%)
- HWB
- hwb(51 29% 13%)
- OKLCH
- oklch(0.827 0.143 98.7)
- OKLab
- oklab(0.827 -0.022 0.141)
- CIE Lab
- lab(80.53 -1.77 62.47)
- LCH
- lch(80.53 62.5 91.6)
- CMYK
- cmyk(0% 10% 66% 13%)
Tint · Shade · Tone
Tint
- E1CD63
- E4D377
- E8D88A
- EBDE9C
- EEE4AD
- F1E9BE
- F5EFCE
- F8F4DF
- FCFAEF
Shade
- C1AD40
- A59335
- 897A2B
- 6F6221
- 554C17
- 3D360E
- 262106
- 120E02
- 020200
Tone
- D4C055
- CAB95D
- C1B264
- B7AB6A
- AEA46F
- A49D74
- 9B9577
- 928E7B
- 89877E
Harmoni warna
Komplementer +180°
- DEC74B
Cotton Candy Grape
- B9C1FF
≈ Dried Lilac
Analog -30° +30°
- DEC74B
Cotton Candy Grape
- FFB55D
≈ Peach Tea
- AAD86F
≈ Melissa
Triadik +120° +240°
- DEC74B
Cotton Candy Grape
- 48DAFF
≈ Berta Blue
- FFA3E4
≈ Lavender Rose
Split-komplementer +150° +210°
- DEC74B
Cotton Candy Grape
- 98CCFF
≈ Apocyan
- DBB2FF
≈ Mauve
Tetradik +90° +180° +270°
- DEC74B
Cotton Candy Grape
- 06E3D8
≈ MoS₂ Cyan
- B9C1FF
≈ Dried Lilac
- FFABB9
≈ A Brand New Day
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.69:1 · APCA Lc 30
Ag
AAADi atas hitam
WCAG 12.37:1 · APCA Lc 73
Warna teks terbaik: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
Cuplikan kode
CSS
:root {
--cotton-candy-grape: #dec74b;
--cotton-candy-grape-rgb: 222 199 75;
--cotton-candy-grape-oklch: oklch(0.827 0.143 98.7);
}
.element {
color: var(--cotton-candy-grape);
background-color: hsl(51 69% 58%);
border-color: oklch(0.827 0.143 98.7);
}Tailwind CSS v4
@theme {
--color-cotton-candy-grape: #dec74b;
--color-cotton-candy-grape-50: #fef7c8;
--color-cotton-candy-grape-100: #f2eab3;
--color-cotton-candy-grape-200: #e1d68e;
--color-cotton-candy-grape-300: #c8b95e;
--color-cotton-candy-grape-400: #b49f22;
--color-cotton-candy-grape-500: #9f8500;
--color-cotton-candy-grape-600: #867100;
--color-cotton-candy-grape-700: #6c5a00;
--color-cotton-candy-grape-800: #514100;
--color-cotton-candy-grape-900: #382d00;
--color-cotton-candy-grape-950: #231a00;
}SCSS
$cotton-candy-grape: #dec74b;
$cotton-candy-grape-rgb: 222, 199, 75;
$cotton-candy-grape-light: mix(#fff, $cotton-candy-grape, 20%);
$cotton-candy-grape-dark: mix(#000, $cotton-candy-grape, 20%);
.element {
color: $cotton-candy-grape;
box-shadow: 0 0 0 2px rgba($cotton-candy-grape, 0.35);
}