Cor nomeada · #CBA9D0
Graceful Garden
Graceful Garden é #CBA9D0: rgb(203 169 208), hsl(292 29% 74%), oklch(0.777 0.066 322). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Graceful Garden color name →
#CBA9D0
oklch(0.777 0.066 322)
Conversões de cor
- HEX
- #cba9d0
- RGB
- rgb(203 169 208)
- HSL
- hsl(292 29% 74%)
- HWB
- hwb(292 66% 18%)
- OKLCH
- oklch(0.777 0.066 322)
- OKLab
- oklab(0.777 0.052 -0.041)
- CIE Lab
- lab(73.26 17.9 -15.05)
- LCH
- lch(73.26 23.38 319.9)
- CMYK
- cmyk(2% 19% 0% 18%)
Tons claros · Sombras · Tons
Tons claros
- D0B1D5
- D5BAD9
- DBC2DE
- E0CBE3
- E5D4E8
- EADCEC
- EFE5F1
- F5EDF6
- FAF6FA
Sombras
- B092B5
- 967C9A
- 7D6780
- 655367
- 4D3F4F
- 372C39
- 221B23
- 0F0A10
- 020102
Tons
- C3A5C8
- BCA1C0
- B49DB7
- AC99AF
- A594A7
- 9D909F
- 968C97
- 8F8890
- 878488
Harmonias de cor
Complementar +180°
- CBA9D0
Graceful Garden
- 9FC29B
≈ Spruce Stone
Análoga -30° +30°
- CBA9D0
Graceful Garden
- B7AFDE
≈ Purple Hibiscus
- D9A6BB
≈ Rhubarb Gin
Tríade +120° +240°
- CBA9D0
Graceful Garden
- CCB386
≈ Oak Harbour
- 83C4C9
≈ Big Sky Country
Complementar dividida +150° +210°
- CBA9D0
Graceful Garden
- B7BB8A
≈ Aloe Plant
- 8BC5B2
≈ Aquastone
Tétrade +90° +180° +270°
- CBA9D0
Graceful Garden
- D9AB90
≈ Salmon Sand
- 9FC29B
≈ Spruce Stone
- 8CBFDA
≈ High Elf Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.12:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--graceful-garden: #cba9d0;
--graceful-garden-rgb: 203 169 208;
--graceful-garden-oklch: oklch(0.777 0.066 322);
}
.element {
color: var(--graceful-garden);
background-color: hsl(292 29% 74%);
border-color: oklch(0.777 0.066 322);
}Tailwind CSS v4
@theme {
--color-graceful-garden: #cba9d0;
--color-graceful-garden-50: #ffefff;
--color-graceful-garden-100: #f3e1f5;
--color-graceful-garden-200: #e3cbe5;
--color-graceful-garden-300: #c9accb;
--color-graceful-garden-400: #b192b6;
--color-graceful-garden-500: #9b78a0;
--color-graceful-garden-600: #836588;
--color-graceful-garden-700: #69516d;
--color-graceful-garden-800: #4d3b51;
--color-graceful-garden-900: #352838;
--color-graceful-garden-950: #201623;
}SCSS
$graceful-garden: #cba9d0;
$graceful-garden-rgb: 203, 169, 208;
$graceful-garden-light: mix(#fff, $graceful-garden, 20%);
$graceful-garden-dark: mix(#000, $graceful-garden, 20%);
.element {
color: $graceful-garden;
box-shadow: 0 0 0 2px rgba($graceful-garden, 0.35);
}