Warna bernama · #EADFAA
Sunny Burrata
Sunny Burrata adalah #EADFAA: rgb(234 223 170), hsl(50 60% 79%), oklch(0.9 0.07 97.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Sunny Burrata color name →
#EADFAA
oklch(0.9 0.07 97.7)
Konversi warna
- HEX
- #eadfaa
- RGB
- rgb(234 223 170)
- HSL
- hsl(50 60% 79%)
- HWB
- hwb(50 67% 8%)
- OKLCH
- oklch(0.9 0.07 97.7)
- OKLab
- oklab(0.9 -0.009 0.069)
- CIE Lab
- lab(88.75 -2.05 27.51)
- LCH
- lch(88.75 27.58 94.3)
- CMYK
- cmyk(0% 5% 27% 8%)
Tint · Shade · Tone
Tint
- ECE2B3
- EEE6BB
- F0E9C4
- F2ECCC
- F4EFD5
- F6F2DD
- F9F6E6
- FBF9EE
- FDFCF7
Shade
- CBC293
- AEA57D
- 918A68
- 756F53
- 5A563F
- 413D2D
- 29271B
- 13120B
- 030201
Tone
- DFD5A6
- D4CBA2
- C9C29E
- BEB89A
- B3AE96
- A9A591
- 9E9C8D
- 949289
- 8A8984
Harmoni warna
Komplementer +180°
- EADFAA
Sunny Burrata
- D5DCFF
≈ Icy Plains
Analog -30° +30°
- EADFAA
Sunny Burrata
- FED6AD
≈ Delicious Melon
- D1E7B6
≈ Frozen Forest
Triadik +120° +240°
- EADFAA
Sunny Burrata
- A9EAFD
≈ Fresh Air
- FECDEE
≈ Infra-White
Split-komplementer +150° +210°
- EADFAA
Sunny Burrata
- C4E2FF
≈ Fresh Water
- E9D3FF
≈ Rose Dragée
Tetradik +90° +180° +270°
- EADFAA
Sunny Burrata
- A8EDE6
≈ East Cape
- D5DCFF
≈ Icy Plains
- FFD0D7
≈ Love Fumes
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.34:1 · APCA Lc 17
Ag
AAADi atas hitam
WCAG 15.63:1 · APCA Lc 87
Warna teks terbaik: #000000
WCAG 15.63:1 (AAA) · APCA Lc 87
Contrast pairs
Cuplikan kode
CSS
:root {
--sunny-burrata: #eadfaa;
--sunny-burrata-rgb: 234 223 170;
--sunny-burrata-oklch: oklch(0.9 0.07 97.7);
}
.element {
color: var(--sunny-burrata);
background-color: hsl(50 60% 79%);
border-color: oklch(0.9 0.07 97.7);
}Tailwind CSS v4
@theme {
--color-sunny-burrata: #eadfaa;
--color-sunny-burrata-50: #faf6e0;
--color-sunny-burrata-100: #ede9cf;
--color-sunny-burrata-200: #dbd5b4;
--color-sunny-burrata-300: #bfb990;
--color-sunny-burrata-400: #a99f6f;
--color-sunny-burrata-500: #92874f;
--color-sunny-burrata-600: #7c7244;
--color-sunny-burrata-700: #635b36;
--color-sunny-burrata-800: #4a4226;
--color-sunny-burrata-900: #332e19;
--color-sunny-burrata-950: #1f1b0a;
}SCSS
$sunny-burrata: #eadfaa;
$sunny-burrata-rgb: 234, 223, 170;
$sunny-burrata-light: mix(#fff, $sunny-burrata, 20%);
$sunny-burrata-dark: mix(#000, $sunny-burrata, 20%);
.element {
color: $sunny-burrata;
box-shadow: 0 0 0 2px rgba($sunny-burrata, 0.35);
}