Cor nomeada · #DCBDC8
Fragrant Orchid
Fragrant Orchid é #DCBDC8: rgb(220 189 200), hsl(339 31% 80%), oklch(0.828 0.038 354.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Fragrant Orchid color name →
#DCBDC8
oklch(0.828 0.038 354.6)
Conversões de cor
- HEX
- #dcbdc8
- RGB
- rgb(220 189 200)
- HSL
- hsl(339 31% 80%)
- HWB
- hwb(339 74% 14%)
- OKLCH
- oklch(0.828 0.038 354.6)
- OKLab
- oklab(0.828 0.038 -0.004)
- CIE Lab
- lab(79.56 12.75 -1.24)
- LCH
- lch(79.56 12.81 354.4)
- CMYK
- cmyk(0% 14% 9% 14%)
Tons claros · Sombras · Tons
Tons claros
- E0C3CD
- E3CAD3
- E7D1D8
- EAD7DE
- EEDEE3
- F1E4E9
- F5EBEE
- F8F2F4
- FCF8F9
Sombras
- BFA4AE
- A38C94
- 88747B
- 6E5D63
- 54474C
- 3C3336
- 261F21
- 110D0F
- 020202
Tons
- D2B7C1
- C9B1B9
- C0AAB2
- B6A4AB
- AD9EA3
- A4989C
- 9B9295
- 928C8E
- 898687
Harmonias de cor
Complementar +180°
- DCBDC8
Fragrant Orchid
- AECFC5
≈ Watershed
Análoga -30° +30°
- DCBDC8
Fragrant Orchid
- D4BFD5
≈ Cosmetic Mauve
- DFBEBA
≈ Strawflower
Tríade +120° +240°
- DCBDC8
Fragrant Orchid
- C6CAAE
≈ Spring Hill
- B0CBDC
≈ Big Sur
Complementar dividida +150° +210°
- DCBDC8
Fragrant Orchid
- B8CEB8
≈ Sunlit Sea
- ABCED2
≈ Plume
Tétrade +90° +180° +270°
- DCBDC8
Fragrant Orchid
- D2C5AB
≈ In for the Night
- AECFC5
≈ Watershed
- BAC7E0
≈ Penna
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.15:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.15:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--fragrant-orchid: #dcbdc8;
--fragrant-orchid-rgb: 220 189 200;
--fragrant-orchid-oklch: oklch(0.828 0.038 354.6);
}
.element {
color: var(--fragrant-orchid);
background-color: hsl(339 31% 80%);
border-color: oklch(0.828 0.038 354.6);
}Tailwind CSS v4
@theme {
--color-fragrant-orchid: #dcbdc8;
--color-fragrant-orchid-50: #fff1f5;
--color-fragrant-orchid-100: #f3e3e8;
--color-fragrant-orchid-200: #e3ced4;
--color-fragrant-orchid-300: #c9b0b8;
--color-fragrant-orchid-400: #b296a0;
--color-fragrant-orchid-500: #9b7c88;
--color-fragrant-orchid-600: #836973;
--color-fragrant-orchid-700: #69545c;
--color-fragrant-orchid-800: #4d3d44;
--color-fragrant-orchid-900: #362a2f;
--color-fragrant-orchid-950: #21181b;
}SCSS
$fragrant-orchid: #dcbdc8;
$fragrant-orchid-rgb: 220, 189, 200;
$fragrant-orchid-light: mix(#fff, $fragrant-orchid, 20%);
$fragrant-orchid-dark: mix(#000, $fragrant-orchid, 20%);
.element {
color: $fragrant-orchid;
box-shadow: 0 0 0 2px rgba($fragrant-orchid, 0.35);
}