Color con nombre · #CD6E53
Sun Baked
Sun Baked es #CD6E53: rgb(205 110 83), hsl(13 55% 56%), oklch(0.641 0.127 36.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Sun Baked color name →
#CD6E53
oklch(0.641 0.127 36.7)
Conversiones de color
- HEX
- #cd6e53
- RGB
- rgb(205 110 83)
- HSL
- hsl(13 55% 56%)
- HWB
- hwb(13 33% 20%)
- OKLCH
- oklch(0.641 0.127 36.7)
- OKLab
- oklab(0.641 0.102 0.076)
- CIE Lab
- lab(57.35 36.59 32.56)
- LCH
- lch(57.35 48.98 41.7)
- CMYK
- cmyk(0% 46% 60% 20%)
Tintes · Sombras · Tonos
Tintes
- D37D64
- D98B75
- DF9A86
- E5A897
- EAB7A8
- EFC5B9
- F3D3CA
- F8E2DC
- FBF0ED
Sombras
- B25F47
- 98503B
- 7E4130
- 663325
- 4E261B
- 381911
- 230E08
- 0F0402
- 020100
Tonos
- C67158
- BF735D
- B87562
- B07767
- A9796B
- A17B70
- 997C74
- 917E78
- 897F7C
Armonías de color
Complementario +180°
- CD6E53
Sun Baked
- 009DB9
≈ Brilliant Sea
Análogo -30° +30°
- CD6E53
Sun Baked
- CC6980
≈ Artful Pink
- BF7B27
≈ Autumn Fest
Triádico +120° +240°
- CD6E53
Sun Baked
- 3BA36C
≈ Greenish
- 7984D8
≈ Tanzine
Complementario dividido +150° +210°
- CD6E53
Sun Baked
- 00A298
≈ Ceramic Blue Turquoise
- 4392D5
≈ Blue Dart
Tetrádico +90° +180° +270°
- CD6E53
Sun Baked
- 789A3E
≈ Antique Moss
- 009DB9
≈ Brilliant Sea
- A076C9
≈ Lilac Bush
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.52:1 · APCA Lc 62
Ag
AASobre negro
WCAG 5.95:1 · APCA Lc 39
Mejor color de texto: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Fragmentos de código
CSS
:root {
--sun-baked: #cd6e53;
--sun-baked-rgb: 205 110 83;
--sun-baked-oklch: oklch(0.641 0.127 36.7);
}
.element {
color: var(--sun-baked);
background-color: hsl(13 55% 56%);
border-color: oklch(0.641 0.127 36.7);
}Tailwind CSS v4
@theme {
--color-sun-baked: #cd6e53;
--color-sun-baked-50: #ffeadb;
--color-sun-baked-100: #ffdac9;
--color-sun-baked-200: #ffc2ad;
--color-sun-baked-300: #f0a187;
--color-sun-baked-400: #de8268;
--color-sun-baked-500: #cb6346;
--color-sun-baked-600: #ac553c;
--color-sun-baked-700: #8a4430;
--color-sun-baked-800: #673023;
--color-sun-baked-900: #482117;
--color-sun-baked-950: #2f1008;
}SCSS
$sun-baked: #cd6e53;
$sun-baked-rgb: 205, 110, 83;
$sun-baked-light: mix(#fff, $sun-baked, 20%);
$sun-baked-dark: mix(#000, $sun-baked, 20%);
.element {
color: $sun-baked;
box-shadow: 0 0 0 2px rgba($sun-baked, 0.35);
}