Color con nombre · #D8877A
Island Coral
Island Coral es #D8877A: rgb(216 135 122), hsl(8 55% 66%), oklch(0.705 0.102 29.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Island Coral color name →
#D8877A
oklch(0.705 0.102 29.7)
Conversiones de color
- HEX
- #d8877a
- RGB
- rgb(216 135 122)
- HSL
- hsl(8 55% 66%)
- HWB
- hwb(8 48% 15%)
- OKLCH
- oklch(0.705 0.102 29.7)
- OKLab
- oklab(0.705 0.089 0.051)
- CIE Lab
- lab(64.82 30.81 20.75)
- LCH
- lch(64.82 37.14 34)
- CMYK
- cmyk(0% 38% 44% 15%)
Tintes · Sombras · Tonos
Tintes
- DD9387
- E29F94
- E6ABA1
- EAB7AE
- EEC3BB
- F2CFC8
- F6DBD6
- F9E7E4
- FCF3F1
Sombras
- BC7569
- A06359
- 855149
- 6B413A
- 53312B
- 3B211D
- 251310
- 110605
- 020101
Tonos
- CF877B
- C7867C
- BE867C
- B6857D
- AD857E
- A4847E
- 9B837F
- 92827F
- 898180
Armonías de color
Complementario +180°
- D8877A
Island Coral
- 41B1C3
≈ Viking
Análogo -30° +30°
- D8877A
Island Coral
- D4849D
≈ Primrose
- CF905C
≈ Napa Sunset
Triádico +120° +240°
- D8877A
Island Coral
- 70B27D
≈ Appleton
- 879DE0
≈ Portage
Complementario dividido +150° +210°
- D8877A
Island Coral
- 49B5A2
≈ Sacred Turquoise
- 60A8D9
≈ Baja Blue
Tetrádico +90° +180° +270°
- D8877A
Island Coral
- 98A95E
≈ Gallant Green
- 41B1C3
≈ Viking
- A991D6
≈ Middy’s Purple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.66:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
CSS
:root {
--island-coral: #d8877a;
--island-coral-rgb: 216 135 122;
--island-coral-oklch: oklch(0.705 0.102 29.7);
}
.element {
color: var(--island-coral);
background-color: hsl(8 55% 66%);
border-color: oklch(0.705 0.102 29.7);
}Tailwind CSS v4
@theme {
--color-island-coral: #d8877a;
--color-island-coral-50: #ffebe3;
--color-island-coral-100: #ffdcd3;
--color-island-coral-200: #fdc5b9;
--color-island-coral-300: #e7a497;
--color-island-coral-400: #d4877b;
--color-island-coral-500: #c06a5d;
--color-island-coral-600: #a35a4f;
--color-island-coral-700: #83483f;
--color-island-coral-800: #61342e;
--color-island-coral-900: #44231f;
--color-island-coral-950: #2c120f;
}SCSS
$island-coral: #d8877a;
$island-coral-rgb: 216, 135, 122;
$island-coral-light: mix(#fff, $island-coral, 20%);
$island-coral-dark: mix(#000, $island-coral, 20%);
.element {
color: $island-coral;
box-shadow: 0 0 0 2px rgba($island-coral, 0.35);
}