Color con nombre · #DD8855
Schnipo
Schnipo es #DD8855: rgb(221 136 85), hsl(22 67% 60%), oklch(0.706 0.124 50.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Schnipo color name →
#DD8855
oklch(0.706 0.124 50.6)
Conversiones de color
- HEX
- #dd8855
- RGB
- rgb(221 136 85)
- HSL
- hsl(22 67% 60%)
- HWB
- hwb(22 33% 13%)
- OKLCH
- oklch(0.706 0.124 50.6)
- OKLab
- oklab(0.706 0.078 0.096)
- CIE Lab
- lab(65.19 29.99 41.39)
- LCH
- lch(65.19 51.11 54.1)
- CMYK
- cmyk(0% 38% 62% 13%)
Tintes · Sombras · Tonos
Tintes
- E19467
- E6A078
- EAAC89
- EDB89A
- F1C4AB
- F4D0BC
- F7DBCC
- FAE7DD
- FDF3EE
Sombras
- C07549
- A4633D
- 885231
- 6E4126
- 55311C
- 3D2211
- 261308
- 110602
- 020100
Tonos
- D4885B
- CB8760
- C28765
- B9866A
- AF866E
- A68572
- 9D8476
- 938379
- 8A817D
Armonías de color
Complementario +180°
- DD8855
Schnipo
- 38ADDF
≈ Highlighter Blue
Análogo -30° +30°
- DD8855
Schnipo
- E37F7F
≈ Tango Pink
- C89738
≈ Golden Spice
Triádico +120° +240°
- DD8855
Schnipo
- 36B995
≈ Mountain Meadow
- A092E7
≈ Dull Lavender
Complementario dividido +150° +210°
- DD8855
Schnipo
- 00B6BE
≈ Cyan Sky
- 73A0ED
≈ Feather Star
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.71:1 · APCA Lc 52
Ag
AAASobre negro
WCAG 7.72:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.72:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
CSS
:root {
--schnipo: #dd8855;
--schnipo-rgb: 221 136 85;
--schnipo-oklch: oklch(0.706 0.124 50.6);
}
.element {
color: var(--schnipo);
background-color: hsl(22 67% 60%);
border-color: oklch(0.706 0.124 50.6);
}Tailwind CSS v4
@theme {
--color-schnipo: #dd8855;
--color-schnipo-50: #ffecd5;
--color-schnipo-100: #ffddc2;
--color-schnipo-200: #ffc6a3;
--color-schnipo-300: #eaa67b;
--color-schnipo-400: #d88858;
--color-schnipo-500: #c56a2f;
--color-schnipo-600: #a75a29;
--color-schnipo-700: #864821;
--color-schnipo-800: #643417;
--color-schnipo-900: #46230f;
--color-schnipo-950: #2d1203;
}SCSS
$schnipo: #dd8855;
$schnipo-rgb: 221, 136, 85;
$schnipo-light: mix(#fff, $schnipo, 20%);
$schnipo-dark: mix(#000, $schnipo, 20%);
.element {
color: $schnipo;
box-shadow: 0 0 0 2px rgba($schnipo, 0.35);
}