이름 색상 · #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);
}