Màu có tên · #DF7B35
Sandy Peppers
Sandy Peppers là #DF7B35: rgb(223 123 53), hsl(25 73% 54%), oklch(0.683 0.148 52.1). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Sandy Peppers color name →
#DF7B35
oklch(0.683 0.148 52.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E4894E
- E89663
- ECA478
- F0B18B
- F3BE9F
- F6CBB2
- F9D8C5
- FBE5D8
- FDF2EC
Sắc đậm
- C26A2D
- A55A25
- 8A4A1D
- 6F3A15
- 562C0E
- 3D1E08
- 271003
- 120501
- 020100
Sắc xám
- D67C41
- CD7E4B
- C47F53
- BA7F5B
- B18062
- A88069
- 9E816F
- 948175
- 8A807B
Hòa sắc
Bổ túc +180°
- DF7B35
Sandy Peppers
- 00A7E0
≈ Huelveño Horizon
Tương đồng -30° +30°
- DF7B35
Sandy Peppers
- E66F6F
≈ Pastrami
- C48F00
≈ Moutarde de Bénichon
Bộ ba +120° +240°
- DF7B35
Sandy Peppers
- 00B390
≈ Victorian Greenhouse
- 9C86EC
≈ Perrywinkle
Bổ túc chia +150° +210°
- DF7B35
Sandy Peppers
- 00AEB8
≈ Placid Sea
- 6597F4
≈ Guilliman Blue
Bộ bốn +90° +180° +270°
- DF7B35
Sandy Peppers
- 5EB056
≈ Chlorella Green
- 00A7E0
≈ Huelveño Horizon
- C377CF
≈ Purple Kush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.99:1 · APCA Lc 56
Ag
AAATrên nền đen
WCAG 7.02:1 · APCA Lc 46
Màu chữ tốt nhất: #000000
WCAG 7.02:1 (AAA) · APCA Lc 46
Contrast pairs
Đoạn mã
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);
}