이름 색상 · #DF7B35
Sandy Peppers
Sandy Peppers은(는) #DF7B35: rgb(223 123 53), hsl(25 73% 54%), oklch(0.683 0.148 52.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sandy Peppers color name →
#DF7B35
oklch(0.683 0.148 52.1)
색상 변환
- HEX
- #df7b35
- RGB
- rgb(223 123 53)
- HSL
- hsl(25 73% 54%)
- HWB
- hwb(25 21% 13%)
- OKLCH
- oklch(0.683 0.148 52.1)
- OKLab
- oklab(0.683 0.091 0.117)
- CIE Lab
- lab(62.37 36.09 54.06)
- LCH
- lch(62.37 65 56.3)
- CMYK
- cmyk(0% 45% 76% 13%)
틴트 · 셰이드 · 톤
틴트
- E4894E
- E89663
- ECA478
- F0B18B
- F3BE9F
- F6CBB2
- F9D8C5
- FBE5D8
- FDF2EC
셰이드
- C26A2D
- A55A25
- 8A4A1D
- 6F3A15
- 562C0E
- 3D1E08
- 271003
- 120501
- 020100
톤
- D67C41
- CD7E4B
- C47F53
- BA7F5B
- B18062
- A88069
- 9E816F
- 948175
- 8A807B
색 조화
보색 +180°
- DF7B35
Sandy Peppers
- 00A7E0
≈ Huelveño Horizon
유사색 -30° +30°
- DF7B35
Sandy Peppers
- E66F6F
≈ Pastrami
- C48F00
≈ Moutarde de Bénichon
삼각 배색 +120° +240°
- DF7B35
Sandy Peppers
- 00B390
≈ Victorian Greenhouse
- 9C86EC
≈ Perrywinkle
분열 보색 +150° +210°
- DF7B35
Sandy Peppers
- 00AEB8
≈ Placid Sea
- 6597F4
≈ Guilliman Blue
사각 배색 +90° +180° +270°
- DF7B35
Sandy Peppers
- 5EB056
≈ Chlorella Green
- 00A7E0
≈ Huelveño Horizon
- C377CF
≈ Purple Kush
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.99:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.02:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.02:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--sandy-peppers: #df7b35;
--sandy-peppers-rgb: 223 123 53;
--sandy-peppers-oklch: oklch(0.683 0.148 52.1);
}
.element {
color: var(--sandy-peppers);
background-color: hsl(25 73% 54%);
border-color: oklch(0.683 0.148 52.1);
}Tailwind CSS v4
@theme {
--color-sandy-peppers: #df7b35;
--color-sandy-peppers-50: #ffebce;
--color-sandy-peppers-100: #ffdbba;
--color-sandy-peppers-200: #ffc398;
--color-sandy-peppers-300: #f2a26c;
--color-sandy-peppers-400: #e28242;
--color-sandy-peppers-500: #cf6300;
--color-sandy-peppers-600: #af5401;
--color-sandy-peppers-700: #8d4304;
--color-sandy-peppers-800: #693005;
--color-sandy-peppers-900: #4a2004;
--color-sandy-peppers-950: #300f00;
}SCSS
$sandy-peppers: #df7b35;
$sandy-peppers-rgb: 223, 123, 53;
$sandy-peppers-light: mix(#fff, $sandy-peppers, 20%);
$sandy-peppers-dark: mix(#000, $sandy-peppers, 20%);
.element {
color: $sandy-peppers;
box-shadow: 0 0 0 2px rgba($sandy-peppers, 0.35);
}