이름 색상 · #EE8833
Creole Sauce
Creole Sauce은(는) #EE8833: rgb(238 136 51), hsl(27 85% 57%), oklch(0.724 0.156 55.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Creole Sauce color name →
#EE8833
oklch(0.724 0.156 55.8)
색상 변환
- HEX
- #ee8833
- RGB
- rgb(238 136 51)
- HSL
- hsl(27 85% 57%)
- HWB
- hwb(27 20% 7%)
- OKLCH
- oklch(0.724 0.156 55.8)
- OKLab
- oklab(0.724 0.088 0.129)
- CIE Lab
- lab(67.18 35.61 60.2)
- LCH
- lch(67.18 69.94 59.4)
- CMYK
- cmyk(0% 43% 79% 7%)
틴트 · 셰이드 · 톤
틴트
- F1954E
- F4A165
- F6AD79
- F8B98D
- FAC5A0
- FCD1B4
- FDDCC6
- FEE8D9
- FFF3EC
셰이드
- CF752B
- B16323
- 93521C
- 774114
- 5C310D
- 422207
- 2A1303
- 140601
- 030100
톤
- E38841
- D9884B
- CE8854
- C3875D
- B88664
- AD856A
- A28470
- 978376
- 8C827B
색 조화
보색 +180°
- EE8833
Creole Sauce
- 00B3F9
≈ Democrat
유사색 -30° +30°
- EE8833
Creole Sauce
- F87A71
≈ Hipster Salmon
- CF9D00
≈ Lepton Gold
삼각 배색 +120° +240°
- EE8833
Creole Sauce
- 00C1A2
≈ First Post
- AF8FFC
≈ Lilac Geode
분열 보색 +150° +210°
- EE8833
Creole Sauce
- 00BBCB
≈ Panorama Blue
- 7BA2FF
≈ Fennel Flower
사각 배색 +90° +180° +270°
- EE8833
Creole Sauce
- 5CBF67
≈ Emerald Cory
- 00B3F9
≈ Democrat
- D780DA
≈ Hibiscus Pop
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.55:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.20:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--creole-sauce: #ee8833;
--creole-sauce-rgb: 238 136 51;
--creole-sauce-oklch: oklch(0.724 0.156 55.8);
}
.element {
color: var(--creole-sauce);
background-color: hsl(27 85% 57%);
border-color: oklch(0.724 0.156 55.8);
}Tailwind CSS v4
@theme {
--color-creole-sauce: #ee8833;
--color-creole-sauce-50: #ffebca;
--color-creole-sauce-100: #ffdcb5;
--color-creole-sauce-200: #ffc491;
--color-creole-sauce-300: #f3a263;
--color-creole-sauce-400: #e38334;
--color-creole-sauce-500: #d06300;
--color-creole-sauce-600: #b05400;
--color-creole-sauce-700: #8d4300;
--color-creole-sauce-800: #6a3000;
--color-creole-sauce-900: #4b2000;
--color-creole-sauce-950: #310f00;
}SCSS
$creole-sauce: #ee8833;
$creole-sauce-rgb: 238, 136, 51;
$creole-sauce-light: mix(#fff, $creole-sauce, 20%);
$creole-sauce-dark: mix(#000, $creole-sauce, 20%);
.element {
color: $creole-sauce;
box-shadow: 0 0 0 2px rgba($creole-sauce, 0.35);
}