Benoemde kleur · #EADFAA
Sunny Burrata
Sunny Burrata is #EADFAA: rgb(234 223 170), hsl(50 60% 79%), oklch(0.9 0.07 97.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Sunny Burrata color name →
#EADFAA
oklch(0.9 0.07 97.7)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- ECE2B3
- EEE6BB
- F0E9C4
- F2ECCC
- F4EFD5
- F6F2DD
- F9F6E6
- FBF9EE
- FDFCF7
Schaduwen
- CBC293
- AEA57D
- 918A68
- 756F53
- 5A563F
- 413D2D
- 29271B
- 13120B
- 030201
Tonen
- DFD5A6
- D4CBA2
- C9C29E
- BEB89A
- B3AE96
- A9A591
- 9E9C8D
- 949289
- 8A8984
Kleurharmonieën
Complementair +180°
- EADFAA
Sunny Burrata
- D5DCFF
≈ Icy Plains
Analoog -30° +30°
- EADFAA
Sunny Burrata
- FED6AD
≈ Delicious Melon
- D1E7B6
≈ Frozen Forest
Triadisch +120° +240°
- EADFAA
Sunny Burrata
- A9EAFD
≈ Fresh Air
- FECDEE
≈ Infra-White
Gesplitst complementair +150° +210°
- EADFAA
Sunny Burrata
- C4E2FF
≈ Fresh Water
- E9D3FF
≈ Rose Dragée
Tetradisch +90° +180° +270°
- EADFAA
Sunny Burrata
- A8EDE6
≈ East Cape
- D5DCFF
≈ Icy Plains
- FFD0D7
≈ Love Fumes
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.34:1 · APCA Lc 17
Ag
AAAOp zwart
WCAG 15.63:1 · APCA Lc 87
Beste tekstkleur: #000000
WCAG 15.63:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
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);
}