이름 색상 · #EADFAA
Sunny Burrata
Sunny Burrata은(는) #EADFAA: rgb(234 223 170), hsl(50 60% 79%), oklch(0.9 0.07 97.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sunny Burrata color name →
#EADFAA
oklch(0.9 0.07 97.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- ECE2B3
- EEE6BB
- F0E9C4
- F2ECCC
- F4EFD5
- F6F2DD
- F9F6E6
- FBF9EE
- FDFCF7
셰이드
- CBC293
- AEA57D
- 918A68
- 756F53
- 5A563F
- 413D2D
- 29271B
- 13120B
- 030201
톤
- DFD5A6
- D4CBA2
- C9C29E
- BEB89A
- B3AE96
- A9A591
- 9E9C8D
- 949289
- 8A8984
색 조화
보색 +180°
- EADFAA
Sunny Burrata
- D5DCFF
≈ Icy Plains
유사색 -30° +30°
- EADFAA
Sunny Burrata
- FED6AD
≈ Delicious Melon
- D1E7B6
≈ Frozen Forest
삼각 배색 +120° +240°
- EADFAA
Sunny Burrata
- A9EAFD
≈ Fresh Air
- FECDEE
≈ Infra-White
분열 보색 +150° +210°
- EADFAA
Sunny Burrata
- C4E2FF
≈ Fresh Water
- E9D3FF
≈ Rose Dragée
사각 배색 +90° +180° +270°
- EADFAA
Sunny Burrata
- A8EDE6
≈ East Cape
- D5DCFF
≈ Icy Plains
- FFD0D7
≈ Love Fumes
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.34:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.63:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.63:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
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);
}