Color con nombre · #D4BBB6
Sepia Rose
Sepia Rose es #D4BBB6: rgb(212 187 182), hsl(10 26% 77%), oklch(0.812 0.03 31.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Sepia Rose color name →
#D4BBB6
oklch(0.812 0.03 31.2)
Conversiones de color
- HEX
- #d4bbb6
- RGB
- rgb(212 187 182)
- HSL
- hsl(10 26% 77%)
- HWB
- hwb(10 71% 17%)
- OKLCH
- oklch(0.812 0.03 31.2)
- OKLab
- oklab(0.812 0.025 0.015)
- CIE Lab
- lab(77.94 8.59 5.98)
- LCH
- lch(77.94 10.47 34.8)
- CMYK
- cmyk(0% 12% 14% 17%)
Tintes · Sombras · Tonos
Tintes
- D8C2BD
- DDC8C4
- E1CFCB
- E5D6D3
- EADDDA
- EEE3E1
- F2EAE9
- F6F1F0
- FBF8F8
Sombras
- B8A29E
- 9D8A86
- 83736F
- 695C59
- 514644
- 3A3230
- 241F1D
- 100D0C
- 020202
Tonos
- CBB5B0
- C3AFAB
- BAA9A5
- B2A3A0
- A99D9B
- A19795
- 999190
- 908C8B
- 888685
Armonías de color
Complementario +180°
- D4BBB6
Sepia Rose
- ADC7CC
≈ Billowy Breeze
Análogo -30° +30°
- D4BBB6
Sepia Rose
- D3BAC0
≈ Melting Violet
- D0BEAF
≈ Desert Fortress
Triádico +120° +240°
- D4BBB6
Sepia Rose
- B4C7B8
≈ Pine Whisper
- BAC1D5
≈ Virginia Blue
Complementario dividido +150° +210°
- D4BBB6
Sepia Rose
- AEC8C2
≈ Copenhagen
- B1C4D3
≈ Faded Indigo
Tetrádico +90° +180° +270°
- D4BBB6
Sepia Rose
- BEC5B0
≈ Pattipan
- ADC7CC
≈ Billowy Breeze
- C4BDD2
≈ Purpling Dawn
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre negro
WCAG 11.58:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--sepia-rose: #d4bbb6;
--sepia-rose-rgb: 212 187 182;
--sepia-rose-oklch: oklch(0.812 0.03 31.2);
}
.element {
color: var(--sepia-rose);
background-color: hsl(10 26% 77%);
border-color: oklch(0.812 0.03 31.2);
}Tailwind CSS v4
@theme {
--color-sepia-rose: #d4bbb6;
--color-sepia-rose-50: #fdf2f0;
--color-sepia-rose-100: #f2e5e2;
--color-sepia-rose-200: #e1d0cc;
--color-sepia-rose-300: #c6b2ae;
--color-sepia-rose-400: #af9894;
--color-sepia-rose-500: #997f7a;
--color-sepia-rose-600: #816c68;
--color-sepia-rose-700: #685653;
--color-sepia-rose-800: #4c3f3c;
--color-sepia-rose-900: #352b2a;
--color-sepia-rose-950: #201817;
}SCSS
$sepia-rose: #d4bbb6;
$sepia-rose-rgb: 212, 187, 182;
$sepia-rose-light: mix(#fff, $sepia-rose, 20%);
$sepia-rose-dark: mix(#000, $sepia-rose, 20%);
.element {
color: $sepia-rose;
box-shadow: 0 0 0 2px rgba($sepia-rose, 0.35);
}