色名 · #DD6644
Old Cheddar
Old Cheddarは#DD6644：rgb(221 102 68)、hsl(13 69% 57%)、oklch(0.649 0.157 36.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Old Cheddar color name →
#DD6644
oklch(0.649 0.157 36.8)
カラー変換
- HEX
- #dd6644
- RGB
- rgb(221 102 68)
- HSL
- hsl(13 69% 57%)
- HWB
- hwb(13 27% 13%)
- OKLCH
- oklch(0.649 0.157 36.8)
- OKLab
- oklab(0.649 0.126 0.094)
- CIE Lab
- lab(58 45.9 42.19)
- LCH
- lch(58 62.34 42.6)
- CMYK
- cmyk(0% 54% 69% 13%)
ティント · シェード · トーン
ティント
- E27658
- E7866B
- EC967D
- F0A590
- F4B4A2
- F7C3B4
- FAD2C7
- FCE1D9
- FEF0EC
シェード
- C0583A
- A44A30
- 883C26
- 6E2F1D
- 552314
- 3D170C
- 260C05
- 110402
- 020000
トーン
- D56A4C
- CC6E53
- C3715A
- BA7460
- B17766
- A8796B
- 9F7B71
- 957D76
- 8B7F7B
カラーハーモニー
補色 +180°
- DD6644
Old Cheddar
- 00A0BC
≈ Greek Blue
類似色 -30° +30°
- DD6644
Old Cheddar
- DB5F7F
≈ Hint of Cherry
- C87A00
≈ German Mustard
トライアド +120° +240°
- DD6644
Old Cheddar
- 00AA67
≈ Greedo Green
- 7883ED
≈ Soft Blue
スプリットコンプリメンタリー +150° +210°
- DD6644
Old Cheddar
- 00A59A
≈ Tyrolite Blue-Green
- 2395E8
≈ Out of the Blue
テトラード +90° +180° +270°
- DD6644
Old Cheddar
- 759F1C
≈ Luminescent Green
- 00A0BC
≈ Greek Blue
- A872D9
≈ Rich Lavender
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.46:1 · APCA Lc 62
Ag
AA黒の上
WCAG 6.05:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--old-cheddar: #dd6644;
--old-cheddar-rgb: 221 102 68;
--old-cheddar-oklch: oklch(0.649 0.157 36.8);
}
.element {
color: var(--old-cheddar);
background-color: hsl(13 69% 57%);
border-color: oklch(0.649 0.157 36.8);
}Tailwind CSS v4
@theme {
--color-old-cheddar: #dd6644;
--color-old-cheddar-50: #ffe7d5;
--color-old-cheddar-100: #ffd7c2;
--color-old-cheddar-200: #ffbda3;
--color-old-cheddar-300: #fc9a7a;
--color-old-cheddar-400: #eb7958;
--color-old-cheddar-500: #d95630;
--color-old-cheddar-600: #b84a2a;
--color-old-cheddar-700: #943b21;
--color-old-cheddar-800: #6e2919;
--color-old-cheddar-900: #4e1c10;
--color-old-cheddar-950: #330b03;
}SCSS
$old-cheddar: #dd6644;
$old-cheddar-rgb: 221, 102, 68;
$old-cheddar-light: mix(#fff, $old-cheddar, 20%);
$old-cheddar-dark: mix(#000, $old-cheddar, 20%);
.element {
color: $old-cheddar;
box-shadow: 0 0 0 2px rgba($old-cheddar, 0.35);
}