Cor nomeada · #E6D2BF
Simply Subtle Pink
Simply Subtle Pink é #E6D2BF: rgb(230 210 191), hsl(29 44% 83%), oklch(0.875 0.034 65.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Simply Subtle Pink color name →
#E6D2BF
oklch(0.875 0.034 65.9)
Conversões de cor
- HEX
- #e6d2bf
- RGB
- rgb(230 210 191)
- HSL
- hsl(29 44% 83%)
- HWB
- hwb(29 75% 10%)
- OKLCH
- oklch(0.875 0.034 65.9)
- OKLab
- oklab(0.875 0.014 0.031)
- CIE Lab
- lab(85.49 4.93 12.1)
- LCH
- lch(85.49 13.07 67.8)
- CMYK
- cmyk(0% 9% 17% 10%)
Tons claros · Sombras · Tons
Tons claros
- E9D6C5
- EBDBCC
- EEDFD2
- F0E4D8
- F3E8DF
- F5EDE5
- F8F1EC
- FAF6F2
- FDFAF9
Sombras
- C8B6A6
- AB9B8D
- 8E8175
- 73685E
- 595048
- 403933
- 28241F
- 13100D
- 030202
Tons
- DBC9B9
- D1C1B2
- C6B9AC
- BCB0A5
- B2A89F
- A8A099
- 9E9893
- 94908C
- 8A8886
Harmonias de cor
Complementar +180°
- E6D2BF
Simply Subtle Pink
- C4D9EB
≈ Light Morality
Análoga -30° +30°
- E6D2BF
Simply Subtle Pink
- EBCFC7
≈ Charmed
- DCD6BD
≈ Caraway Seeds
Tríade +120° +240°
- E6D2BF
Simply Subtle Pink
- BEDED9
≈ Antiguan
- DBD1E8
≈ Shimmering Sky
Complementar dividida +150° +210°
- E6D2BF
Simply Subtle Pink
- BEDCE4
≈ Quick-Freeze
- CFD5ED
≈ Garden Fairy
Tétrade +90° +180° +270°
- E6D2BF
Simply Subtle Pink
- C5DDCD
≈ Green Wash
- C4D9EB
≈ Light Morality
- E5CEDF
≈ Summer Clover
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.33:1 · APCA Lc 81
Melhor cor de texto: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--simply-subtle-pink: #e6d2bf;
--simply-subtle-pink-rgb: 230 210 191;
--simply-subtle-pink-oklch: oklch(0.875 0.034 65.9);
}
.element {
color: var(--simply-subtle-pink);
background-color: hsl(29 44% 83%);
border-color: oklch(0.875 0.034 65.9);
}Tailwind CSS v4
@theme {
--color-simply-subtle-pink: #e6d2bf;
--color-simply-subtle-pink-50: #fcf4eb;
--color-simply-subtle-pink-100: #f0e6dc;
--color-simply-subtle-pink-200: #ded2c5;
--color-simply-subtle-pink-300: #c3b5a5;
--color-simply-subtle-pink-400: #ad9b8a;
--color-simply-subtle-pink-500: #96826f;
--color-simply-subtle-pink-600: #7f6e5e;
--color-simply-subtle-pink-700: #66584b;
--color-simply-subtle-pink-800: #4b4036;
--color-simply-subtle-pink-900: #342c25;
--color-simply-subtle-pink-950: #1f1914;
}SCSS
$simply-subtle-pink: #e6d2bf;
$simply-subtle-pink-rgb: 230, 210, 191;
$simply-subtle-pink-light: mix(#fff, $simply-subtle-pink, 20%);
$simply-subtle-pink-dark: mix(#000, $simply-subtle-pink, 20%);
.element {
color: $simply-subtle-pink;
box-shadow: 0 0 0 2px rgba($simply-subtle-pink, 0.35);
}