이름 색상 · #CE5F38
Campfire
Campfire은(는) #CE5F38: rgb(206 95 56), hsl(16 60% 51%), oklch(0.616 0.151 39.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Campfire color name →
#CE5F38
oklch(0.616 0.151 39.4)
색상 변환
- HEX
- #ce5f38
- RGB
- rgb(206 95 56)
- HSL
- hsl(16 60% 51%)
- HWB
- hwb(16 22% 19%)
- OKLCH
- oklch(0.616 0.151 39.4)
- OKLab
- oklab(0.616 0.117 0.096)
- CIE Lab
- lab(54.21 43.12 43.59)
- LCH
- lch(54.21 61.31 45.3)
- CMYK
- cmyk(0% 54% 73% 19%)
틴트 · 셰이드 · 톤
틴트
- D5704E
- DB8062
- E19175
- E7A089
- ECB09C
- F0C0B0
- F5D0C3
- F9DFD7
- FCEFEB
셰이드
- B3522F
- 984427
- 7F381F
- 662C17
- 4E200F
- 381508
- 230A04
- 0F0301
- 020000
톤
- C76442
- C0684A
- B96C52
- B27059
- AA7360
- A27667
- 9A796E
- 927B74
- 897E7A
색 조화
보색 +180°
- CE5F38
Campfire
- 0094B2
≈ Munsell Blue
유사색 -30° +30°
- CE5F38
Campfire
- CE5871
≈ Rapture Rose
- B77400
≈ Sweet Mulled Cider
삼각 배색 +120° +240°
- CE5F38
Campfire
- 009E66
≈ Surgeon
- 7478DD
≈ Kickstart Purple
분열 보색 +150° +210°
- CE5F38
Campfire
- 009992
≈ Green Dynasty
- 2A89DB
≈ Blue Cola
사각 배색 +90° +180° +270°
- CE5F38
Campfire
- 679520
≈ Limeade
- 0094B2
≈ Munsell Blue
- A068C8
≈ Amethyst
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.94:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.31:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--campfire: #ce5f38;
--campfire-rgb: 206 95 56;
--campfire-oklch: oklch(0.616 0.151 39.4);
}
.element {
color: var(--campfire);
background-color: hsl(16 60% 51%);
border-color: oklch(0.616 0.151 39.4);
}Tailwind CSS v4
@theme {
--color-campfire: #ce5f38;
--color-campfire-50: #ffe8d4;
--color-campfire-100: #ffd8c1;
--color-campfire-200: #ffbfa2;
--color-campfire-300: #f99c7a;
--color-campfire-400: #e87c57;
--color-campfire-500: #d65b2e;
--color-campfire-600: #b54e29;
--color-campfire-700: #913e20;
--color-campfire-800: #6c2b18;
--color-campfire-900: #4c1d0f;
--color-campfire-950: #320d03;
}SCSS
$campfire: #ce5f38;
$campfire-rgb: 206, 95, 56;
$campfire-light: mix(#fff, $campfire, 20%);
$campfire-dark: mix(#000, $campfire, 20%);
.element {
color: $campfire;
box-shadow: 0 0 0 2px rgba($campfire, 0.35);
}