이름 색상 · #E3EBAE
Daydream
Daydream은(는) #E3EBAE: rgb(227 235 174), hsl(68 60% 80%), oklch(0.919 0.079 114.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Daydream color name →
#E3EBAE
oklch(0.919 0.079 114.1)
색상 변환
- HEX
- #e3ebae
- RGB
- rgb(227 235 174)
- HSL
- hsl(68 60% 80%)
- HWB
- hwb(68 68% 8%)
- OKLCH
- oklch(0.919 0.079 114.1)
- OKLab
- oklab(0.919 -0.032 0.073)
- CIE Lab
- lab(91.33 -9.98 28.78)
- LCH
- lch(91.33 30.46 109.1)
- CMYK
- cmyk(3% 0% 26% 8%)
틴트 · 셰이드 · 톤
틴트
- E6EDB6
- E8EFBF
- EBF1C7
- EEF3CF
- F1F5D7
- F4F7DF
- F6F9E7
- F9FBEF
- FCFDF7
셰이드
- C5CC97
- A8AE80
- 8C916A
- 717555
- 575B41
- 3F412E
- 27291C
- 12130B
- 030301
톤
- D9E0AA
- CED5A5
- C4CAA1
- BABF9C
- B0B498
- A6AA93
- 9C9F8E
- 93958A
- 898A85
색 조화
보색 +180°
- E3EBAE
Daydream
- E5DFFF
≈ Stoic White
유사색 -30° +30°
- E3EBAE
Daydream
- FEE1A8
≈ Manila Tint
- C5F3C3
≈ Peasful Mint
삼각 배색 +120° +240°
- E3EBAE
Daydream
- C7EAFF
≈ Blue Java Banana
- FFD8E6
≈ Strawberry Milk
분열 보색 +150° +210°
- E3EBAE
Daydream
- D7E5FF
≈ Veiling Waterfalls
- FCD5FF
≈ Pink Diamond
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.76:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.76:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--daydream: #e3ebae;
--daydream-rgb: 227 235 174;
--daydream-oklch: oklch(0.919 0.079 114.1);
}
.element {
color: var(--daydream);
background-color: hsl(68 60% 80%);
border-color: oklch(0.919 0.079 114.1);
}Tailwind CSS v4
@theme {
--color-daydream: #e3ebae;
--color-daydream-50: #f3f8df;
--color-daydream-100: #e6ecce;
--color-daydream-200: #d2d9b3;
--color-daydream-300: #b5bd8f;
--color-daydream-400: #9da46d;
--color-daydream-500: #858c4c;
--color-daydream-600: #717741;
--color-daydream-700: #5a5f34;
--color-daydream-800: #434524;
--color-daydream-900: #2e3018;
--color-daydream-950: #1b1c09;
}SCSS
$daydream: #e3ebae;
$daydream-rgb: 227, 235, 174;
$daydream-light: mix(#fff, $daydream, 20%);
$daydream-dark: mix(#000, $daydream, 20%);
.element {
color: $daydream;
box-shadow: 0 0 0 2px rgba($daydream, 0.35);
}