이름 색상 · #EECC88
Spaghetti Monster
Spaghetti Monster은(는) #EECC88: rgb(238 204 136), hsl(40 75% 73%), oklch(0.859 0.094 84). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Spaghetti Monster color name →
#EECC88
oklch(0.859 0.094 84)
색상 변환
- HEX
- #eecc88
- RGB
- rgb(238 204 136)
- HSL
- hsl(40 75% 73%)
- HWB
- hwb(40 53% 7%)
- OKLCH
- oklch(0.859 0.094 84)
- OKLab
- oklab(0.859 0.01 0.094)
- CIE Lab
- lab(83.86 5.84 38.51)
- LCH
- lch(83.86 38.95 81.4)
- CMYK
- cmyk(0% 14% 43% 7%)
틴트 · 셰이드 · 톤
틴트
- F0D195
- F2D6A1
- F3DCAD
- F5E1B9
- F7E6C5
- F8EBD1
- FAF0DC
- FCF5E8
- FDFAF3
셰이드
- CFB175
- B19763
- 937E52
- 776541
- 5C4E31
- 423722
- 2A2213
- 140F06
- 030201
톤
- E3C488
- D7BD88
- CCB588
- C1AD87
- B6A686
- AB9E85
- A09684
- 958F83
- 8A8782
색 조화
보색 +180°
- EECC88
Spaghetti Monster
- BAD1FF
≈ Ice Cold Stare
유사색 -30° +30°
- EECC88
Spaghetti Monster
- FFC29A
≈ Wispy White
- CFD890
≈ Golden Delicious
삼각 배색 +120° +240°
- EECC88
Spaghetti Monster
- 80E3ED
≈ Photon Barrier
- F0BCF4
≈ Lovecloud
분열 보색 +150° +210°
- EECC88
Spaghetti Monster
- 9ADAFF
≈ Shiva Blue
- D3C8FF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- EECC88
Spaghetti Monster
- 8BE5CC
≈ Clean Green
- BAD1FF
≈ Ice Cold Stare
- FFBAD5
≈ Cotton Candy
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.62:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--spaghetti-monster: #eecc88;
--spaghetti-monster-rgb: 238 204 136;
--spaghetti-monster-oklch: oklch(0.859 0.094 84);
}
.element {
color: var(--spaghetti-monster);
background-color: hsl(40 75% 73%);
border-color: oklch(0.859 0.094 84);
}Tailwind CSS v4
@theme {
--color-spaghetti-monster: #eecc88;
--color-spaghetti-monster-50: #fff4d7;
--color-spaghetti-monster-100: #f6e6c5;
--color-spaghetti-monster-200: #e6d2a7;
--color-spaghetti-monster-300: #cdb57f;
--color-spaghetti-monster-400: #b99a5b;
--color-spaghetti-monster-500: #a48033;
--color-spaghetti-monster-600: #8a6d2d;
--color-spaghetti-monster-700: #6f5724;
--color-spaghetti-monster-800: #533f18;
--color-spaghetti-monster-900: #3a2b0f;
--color-spaghetti-monster-950: #241803;
}SCSS
$spaghetti-monster: #eecc88;
$spaghetti-monster-rgb: 238, 204, 136;
$spaghetti-monster-light: mix(#fff, $spaghetti-monster, 20%);
$spaghetti-monster-dark: mix(#000, $spaghetti-monster, 20%);
.element {
color: $spaghetti-monster;
box-shadow: 0 0 0 2px rgba($spaghetti-monster, 0.35);
}