가장 가까운 이름 색상 · #E2933B
#E2933B
가장 가까운 이름 색상: Soft Pumpkin
#E2933B(rgb(226 147 59), hsl(32 74% 56%), oklch(0.728 0.138 65))와 가장 가까운 이름 색상은 Soft Pumpkin입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E2933B
oklch(0.728 0.138 65)
색상 변환
- HEX
- #e2933b
- RGB
- rgb(226 147 59)
- HSL
- hsl(32 74% 56%)
- HWB
- hwb(32 23% 11%)
- OKLCH
- oklch(0.728 0.138 65)
- OKLab
- oklab(0.728 0.059 0.125)
- CIE Lab
- lab(68.1 25.42 57.05)
- LCH
- lch(68.1 62.46 66)
- CMYK
- cmyk(0% 35% 74% 11%)
틴트 · 셰이드 · 톤
틴트
- E69E54
- E9A969
- EDB47D
- F0BF90
- F3CAA3
- F6D4B6
- F8DFC8
- FBEADA
- FDF4ED
셰이드
- C47F32
- A86C29
- 8C5921
- 714719
- 573611
- 3E2509
- 271604
- 120801
- 030100
톤
- D89247
- CF9050
- C58F58
- BB8D60
- B18B66
- A8896C
- 9E8772
- 948577
- 8A827C
색 조화
보색 +180°
- E2933B
Soft Pumpkin
- 51AFF8
≈ Adamantine Blue
유사색 -30° +30°
- E2933B
Soft Pumpkin
- F1856A
≈ Juicy Passionfruit
- C3A528
≈ Hey Pesto
삼각 배색 +120° +240°
- E2933B
Soft Pumpkin
- 00C1B2
≈ Turquoise
- BB8FED
≈ Luminous Lavender
분열 보색 +150° +210°
- E2933B
Soft Pumpkin
- 00BBD9
≈ Maldives
- 8E9FFD
≈ Periwinkle Blue
사각 배색 +90° +180° +270°
- E2933B
Soft Pumpkin
- 53C080
≈ Heart Chakra
- 51AFF8
≈ Adamantine Blue
- DC84CA
≈ Pink Punk
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.47:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.47:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.47:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--soft-pumpkin: #e2933b;
--soft-pumpkin-rgb: 226 147 59;
--soft-pumpkin-oklch: oklch(0.728 0.138 65);
}
.element {
color: var(--soft-pumpkin);
background-color: hsl(32 74% 56%);
border-color: oklch(0.728 0.138 65);
}Tailwind CSS v4
@theme {
--color-soft-pumpkin: #e2933b;
--color-soft-pumpkin-50: #ffeecc;
--color-soft-pumpkin-100: #ffe0b7;
--color-soft-pumpkin-200: #fdc994;
--color-soft-pumpkin-300: #e7a967;
--color-soft-pumpkin-400: #d68b39;
--color-soft-pumpkin-500: #c36e00;
--color-soft-pumpkin-600: #a45e00;
--color-soft-pumpkin-700: #844b00;
--color-soft-pumpkin-800: #633500;
--color-soft-pumpkin-900: #452500;
--color-soft-pumpkin-950: #2d1300;
}SCSS
$soft-pumpkin: #e2933b;
$soft-pumpkin-rgb: 226, 147, 59;
$soft-pumpkin-light: mix(#fff, $soft-pumpkin, 20%);
$soft-pumpkin-dark: mix(#000, $soft-pumpkin, 20%);
.element {
color: $soft-pumpkin;
box-shadow: 0 0 0 2px rgba($soft-pumpkin, 0.35);
}