이름 색상 · #FFE186
Sweet Chamomile
Sweet Chamomile은(는) #FFE186: rgb(255 225 134), hsl(45 100% 76%), oklch(0.916 0.116 91.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sweet Chamomile color name →
#FFE186
oklch(0.916 0.116 91.7)
색상 변환
- HEX
- #ffe186
- RGB
- rgb(255 225 134)
- HSL
- hsl(45 100% 76%)
- HWB
- hwb(45 53% 0%)
- OKLCH
- oklch(0.916 0.116 91.7)
- OKLab
- oklab(0.916 -0.003 0.116)
- CIE Lab
- lab(90.63 2.28 48.23)
- LCH
- lch(90.63 48.28 87.3)
- CMYK
- cmyk(0% 12% 47% 0%)
틴트 · 셰이드 · 톤
틴트
- FFE494
- FFE7A1
- FFEBAD
- FFEEBA
- FFF1C6
- FFF4D1
- FFF7DD
- FFF9E8
- FFFCF4
셰이드
- DEC474
- BEA762
- 9E8B51
- 807040
- 635630
- 483E21
- 2E2713
- 161206
- 030201
톤
- F2D787
- E4CD87
- D7C387
- CAB987
- BEB087
- B1A686
- A49C85
- 989383
- 8C8982
색 조화
보색 +180°
- FFE186
Sweet Chamomile
- D9E2FF
≈ Stoic White
유사색 -30° +30°
- FFE186
Sweet Chamomile
- FFDCBE
≈ Persian Melon
- D6F097
≈ Creamy Avocado
삼각 배색 +120° +240°
- FFE186
Sweet Chamomile
- ABF1FF
≈ Beyond the Clouds
- FFD3F8
≈ Pink Diamond
분열 보색 +150° +210°
- FFE186
Sweet Chamomile
- CAE8FF
≈ Blue Java Banana
- E9DCFF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- FFE186
Sweet Chamomile
- 81FDE8
≈ Defence Matrix
- D9E2FF
≈ Stoic White
- FFD7E1
≈ Pig Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.36:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-chamomile: #ffe186;
--sweet-chamomile-rgb: 255 225 134;
--sweet-chamomile-oklch: oklch(0.916 0.116 91.7);
}
.element {
color: var(--sweet-chamomile);
background-color: hsl(45 100% 76%);
border-color: oklch(0.916 0.116 91.7);
}Tailwind CSS v4
@theme {
--color-sweet-chamomile: #ffe186;
--color-sweet-chamomile-50: #fff5d0;
--color-sweet-chamomile-100: #f4e8bd;
--color-sweet-chamomile-200: #e4d49c;
--color-sweet-chamomile-300: #cbb771;
--color-sweet-chamomile-400: #b79c46;
--color-sweet-chamomile-500: #a28200;
--color-sweet-chamomile-600: #896f09;
--color-sweet-chamomile-700: #6e5809;
--color-sweet-chamomile-800: #524004;
--color-sweet-chamomile-900: #392c04;
--color-sweet-chamomile-950: #231900;
}SCSS
$sweet-chamomile: #ffe186;
$sweet-chamomile-rgb: 255, 225, 134;
$sweet-chamomile-light: mix(#fff, $sweet-chamomile, 20%);
$sweet-chamomile-dark: mix(#000, $sweet-chamomile, 20%);
.element {
color: $sweet-chamomile;
box-shadow: 0 0 0 2px rgba($sweet-chamomile, 0.35);
}