Color con nombre · #D39898
Tobermory
Tobermory es #D39898: rgb(211 152 152), hsl(0 40% 71%), oklch(0.736 0.071 18.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Tobermory color name →
#D39898
oklch(0.736 0.071 18.9)
Conversiones de color
- HEX
- #d39898
- RGB
- rgb(211 152 152)
- HSL
- hsl(0 40% 71%)
- HWB
- hwb(0 60% 17%)
- OKLCH
- oklch(0.736 0.071 18.9)
- OKLab
- oklab(0.736 0.067 0.023)
- CIE Lab
- lab(68.68 22.79 9.25)
- LCH
- lch(68.68 24.59 22.1)
- CMYK
- cmyk(0% 28% 28% 17%)
Tintes · Sombras · Tonos
Tintes
- D8A2A2
- DDACAC
- E1B6B6
- E6C1C0
- EACBCA
- EFD5D5
- F3E0DF
- F7EAEA
- FBF4F4
Sombras
- B78484
- 9C7070
- 825C5C
- 694A4A
- 513838
- 3A2727
- 241717
- 100808
- 020101
Tonos
- CB9696
- C29393
- BA9191
- B28F8E
- AA8C8C
- A18A8A
- 998887
- 918585
- 888382
Armonías de color
Complementario +180°
- D39898
Tobermory
- 71B8BB
≈ Surfer
Análogo -30° +30°
- D39898
Tobermory
- CD98B1
≈ Exotic Lilac
- CF9D82
≈ Dusty Coral
Triádico +120° +240°
- D39898
Tobermory
- 93B58A
≈ Foliage
- 8FABD7
≈ Casual Water
Complementario dividido +150° +210°
- D39898
Tobermory
- 7CB9A2
≈ Froggy Pond
- 79B3CE
≈ Alpine Sky
Tetrádico +90° +180° +270°
- D39898
Tobermory
- ADAE79
≈ Stuffed Olive
- 71B8BB
≈ Surfer
- A8A3D4
≈ Simply Violet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASobre negro
WCAG 8.71:1 · APCA Lc 55
Mejor color de texto: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmentos de código
CSS
:root {
--tobermory: #d39898;
--tobermory-rgb: 211 152 152;
--tobermory-oklch: oklch(0.736 0.071 18.9);
}
.element {
color: var(--tobermory);
background-color: hsl(0 40% 71%);
border-color: oklch(0.736 0.071 18.9);
}Tailwind CSS v4
@theme {
--color-tobermory: #d39898;
--color-tobermory-50: #ffeeec;
--color-tobermory-100: #ffdfde;
--color-tobermory-200: #f2c9c7;
--color-tobermory-300: #daaaa8;
--color-tobermory-400: #c58e8e;
--color-tobermory-500: #b17373;
--color-tobermory-600: #956162;
--color-tobermory-700: #784e4e;
--color-tobermory-800: #593839;
--color-tobermory-900: #3e2627;
--color-tobermory-950: #271515;
}SCSS
$tobermory: #d39898;
$tobermory-rgb: 211, 152, 152;
$tobermory-light: mix(#fff, $tobermory, 20%);
$tobermory-dark: mix(#000, $tobermory, 20%);
.element {
color: $tobermory;
box-shadow: 0 0 0 2px rgba($tobermory, 0.35);
}