Cor nomeada · #DDB6C6
Kunzite
Kunzite é #DDB6C6: rgb(221 182 198), hsl(335 36% 79%), oklch(0.815 0.049 351.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Kunzite color name →
#DDB6C6
oklch(0.815 0.049 351.7)
Conversões de cor
- HEX
- #ddb6c6
- RGB
- rgb(221 182 198)
- HSL
- hsl(335 36% 79%)
- HWB
- hwb(335 71% 13%)
- OKLCH
- oklch(0.815 0.049 351.7)
- OKLab
- oklab(0.815 0.049 -0.007)
- CIE Lab
- lab(77.9 16.4 -2.56)
- LCH
- lch(77.9 16.6 351.1)
- CMYK
- cmyk(0% 18% 10% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1BDCC
- E4C4D1
- E8CCD7
- EBD3DC
- EEDAE2
- F2E1E8
- F5E9EE
- F9F0F3
- FCF8F9
Sombras
- C09EAC
- A48692
- 886F7A
- 6E5962
- 55444B
- 3D3035
- 261D21
- 110C0E
- 020202
Tons
- D3B1BF
- CAABB8
- C0A6B0
- B7A0A9
- AE9BA2
- A4959B
- 9B9094
- 928B8E
- 898587
Harmonias de cor
Complementar +180°
- DDB6C6
Kunzite
- A3CDBF
≈ Tareyton
Análoga -30° +30°
- DDB6C6
Kunzite
- D2B9D6
≈ Petite Purple
- E1B7B4
≈ O Fortuna
Tríade +120° +240°
- DDB6C6
Kunzite
- C3C6A2
≈ Sage Splendour
- A3C9DD
≈ Piezo Blue
Complementar dividida +150° +210°
- DDB6C6
Kunzite
- B1CBAE
≈ Relish
- 9ECDD0
≈ Sea Dew
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.58:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--kunzite: #ddb6c6;
--kunzite-rgb: 221 182 198;
--kunzite-oklch: oklch(0.815 0.049 351.7);
}
.element {
color: var(--kunzite);
background-color: hsl(335 36% 79%);
border-color: oklch(0.815 0.049 351.7);
}Tailwind CSS v4
@theme {
--color-kunzite: #ddb6c6;
--color-kunzite-50: #fff0f6;
--color-kunzite-100: #f6e1e9;
--color-kunzite-200: #e6ccd6;
--color-kunzite-300: #cdadb9;
--color-kunzite-400: #b693a2;
--color-kunzite-500: #a1798a;
--color-kunzite-600: #886775;
--color-kunzite-700: #6d525d;
--color-kunzite-800: #503b45;
--color-kunzite-900: #382930;
--color-kunzite-950: #22171c;
}SCSS
$kunzite: #ddb6c6;
$kunzite-rgb: 221, 182, 198;
$kunzite-light: mix(#fff, $kunzite, 20%);
$kunzite-dark: mix(#000, $kunzite, 20%);
.element {
color: $kunzite;
box-shadow: 0 0 0 2px rgba($kunzite, 0.35);
}