色名 · #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);
}