Colore con nome · #DD6644
Old Cheddar
Old Cheddar è #DD6644: rgb(221 102 68), hsl(13 69% 57%), oklch(0.649 0.157 36.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Old Cheddar color name →
#DD6644
oklch(0.649 0.157 36.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E27658
- E7866B
- EC967D
- F0A590
- F4B4A2
- F7C3B4
- FAD2C7
- FCE1D9
- FEF0EC
Ombre
- C0583A
- A44A30
- 883C26
- 6E2F1D
- 552314
- 3D170C
- 260C05
- 110402
- 020000
Toni
- D56A4C
- CC6E53
- C3715A
- BA7460
- B17766
- A8796B
- 9F7B71
- 957D76
- 8B7F7B
Armonie di colore
Complementare +180°
- DD6644
Old Cheddar
- 00A0BC
≈ Greek Blue
Analogo -30° +30°
- DD6644
Old Cheddar
- DB5F7F
≈ Hint of Cherry
- C87A00
≈ German Mustard
Triadico +120° +240°
- DD6644
Old Cheddar
- 00AA67
≈ Greedo Green
- 7883ED
≈ Soft Blue
Complementare divisa +150° +210°
- DD6644
Old Cheddar
- 00A59A
≈ Tyrolite Blue-Green
- 2395E8
≈ Out of the Blue
Tetradico +90° +180° +270°
- DD6644
Old Cheddar
- 759F1C
≈ Luminescent Green
- 00A0BC
≈ Greek Blue
- A872D9
≈ Rich Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.46:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.05:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
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);
}