이름 색상 · #E1BA36
Solarium
Solarium은(는) #E1BA36: rgb(225 186 54), hsl(46 74% 55%), oklch(0.802 0.148 91.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Solarium color name →
#E1BA36
oklch(0.802 0.148 91.5)
색상 변환
- HEX
- #e1ba36
- RGB
- rgb(225 186 54)
- HSL
- hsl(46 74% 55%)
- HWB
- hwb(46 21% 12%)
- OKLCH
- oklch(0.802 0.148 91.5)
- OKLab
- oklab(0.802 -0.004 0.148)
- CIE Lab
- lab(77.39 5.16 67.44)
- LCH
- lch(77.39 67.64 85.6)
- CMYK
- cmyk(0% 17% 76% 12%)
틴트 · 셰이드 · 톤
틴트
- E4C154
- E7C86B
- EACF80
- EDD694
- F0DDA6
- F3E4B8
- F6EBCA
- F9F2DC
- FCF8EE
셰이드
- C4A12E
- A78925
- 8B721E
- 705C16
- 56460F
- 3E3208
- 271E03
- 120D01
- 020200
톤
- D7B445
- CDAF51
- C3A95A
- B9A362
- AF9E69
- A6986E
- 9C9274
- 938C78
- 89867C
색 조화
보색 +180°
- E1BA36
Solarium
- A7BBFF
≈ Pastel Blue
유사색 -30° +30°
- E1BA36
Solarium
- FFA755
≈ Echinoidea Thorns
- AFCD57
≈ Juicy Lime
삼각 배색 +120° +240°
- E1BA36
Solarium
- 00D5F1
≈ Thousand Sons Blue
- F599E9
≈ Diva Mecha
분열 보색 +150° +210°
- E1BA36
Solarium
- 7AC7FF
≈ Chromis Damsel Blue
- CCACFF
≈ Purple Hepatica
사각 배색 +90° +180° +270°
- E1BA36
Solarium
- 00DCC4
≈ Mint Morning
- A7BBFF
≈ Pastel Blue
- FF9CB9
≈ Saira Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.86:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.27:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.27:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--solarium: #e1ba36;
--solarium-rgb: 225 186 54;
--solarium-oklch: oklch(0.802 0.148 91.5);
}
.element {
color: var(--solarium);
background-color: hsl(46 74% 55%);
border-color: oklch(0.802 0.148 91.5);
}Tailwind CSS v4
@theme {
--color-solarium: #e1ba36;
--color-solarium-50: #fff5c6;
--color-solarium-100: #f8e8b0;
--color-solarium-200: #e9d38a;
--color-solarium-300: #d1b657;
--color-solarium-400: #be9a0e;
--color-solarium-500: #aa8000;
--color-solarium-600: #906c00;
--color-solarium-700: #735700;
--color-solarium-800: #563e00;
--color-solarium-900: #3c2b00;
--color-solarium-950: #261800;
}SCSS
$solarium: #e1ba36;
$solarium-rgb: 225, 186, 54;
$solarium-light: mix(#fff, $solarium, 20%);
$solarium-dark: mix(#000, $solarium, 20%);
.element {
color: $solarium;
box-shadow: 0 0 0 2px rgba($solarium, 0.35);
}