Cor nomeada · #BFB3D1
Frosted Orchid
Frosted Orchid é #BFB3D1: rgb(191 179 209), hsl(264 25% 76%), oklch(0.786 0.044 303.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Frosted Orchid color name →
#BFB3D1
oklch(0.786 0.044 303.5)
Conversões de cor
- HEX
- #bfb3d1
- RGB
- rgb(191 179 209)
- HSL
- hsl(264 25% 76%)
- HWB
- hwb(264 70% 18%)
- OKLCH
- oklch(0.786 0.044 303.5)
- OKLab
- oklab(0.786 0.024 -0.037)
- CIE Lab
- lab(74.68 8.68 -13.61)
- LCH
- lch(74.68 16.14 302.5)
- CMYK
- cmyk(9% 14% 0% 18%)
Tons claros · Sombras · Tons
Tons claros
- C5BAD6
- CCC2DA
- D2C9DF
- D8D1E3
- DFD9E8
- E5E0ED
- EBE8F1
- F2EFF6
- F8F7FA
Sombras
- A69BB5
- 8D849B
- 756E81
- 5E5868
- 484350
- 332F39
- 1F1D23
- 0D0C10
- 020102
Tons
- B8AEC9
- B2A9C0
- ACA3B8
- A59EB0
- 9F99A8
- 9994A0
- 928F98
- 8C8A90
- 868588
Harmonias de cor
Complementar +180°
- BFB3D1
Frosted Orchid
- B3BFA0
≈ Green Andara
Análoga -30° +30°
- BFB3D1
Frosted Orchid
- B0B8D6
≈ Frosted Iris
- CCAFC5
≈ Winsome Orchid
Tríade +120° +240°
- BFB3D1
Frosted Orchid
- CEB49D
≈ Bauhaus Buff
- 9BC3BC
≈ Pitter Patter
Complementar dividida +150° +210°
- BFB3D1
Frosted Orchid
- C3B99A
≈ Good to Grow
- A5C2AD
≈ Cambridge Blue
Tétrade +90° +180° +270°
- BFB3D1
Frosted Orchid
- D4B0A7
≈ Sandpaper
- B3BFA0
≈ Green Andara
- 9AC1CA
≈ Aquatic
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASobre preto
WCAG 10.58:1 · APCA Lc 64
Melhor cor de texto: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Trechos de código
CSS
:root {
--frosted-orchid: #bfb3d1;
--frosted-orchid-rgb: 191 179 209;
--frosted-orchid-oklch: oklch(0.786 0.044 303.5);
}
.element {
color: var(--frosted-orchid);
background-color: hsl(264 25% 76%);
border-color: oklch(0.786 0.044 303.5);
}Tailwind CSS v4
@theme {
--color-frosted-orchid: #bfb3d1;
--color-frosted-orchid-50: #f8f2ff;
--color-frosted-orchid-100: #ebe4f4;
--color-frosted-orchid-200: #d9d0e4;
--color-frosted-orchid-300: #bdb2ca;
--color-frosted-orchid-400: #a499b4;
--color-frosted-orchid-500: #8c7f9e;
--color-frosted-orchid-600: #766c86;
--color-frosted-orchid-700: #5f566b;
--color-frosted-orchid-800: #453f4f;
--color-frosted-orchid-900: #302b37;
--color-frosted-orchid-950: #1c1922;
}SCSS
$frosted-orchid: #bfb3d1;
$frosted-orchid-rgb: 191, 179, 209;
$frosted-orchid-light: mix(#fff, $frosted-orchid, 20%);
$frosted-orchid-dark: mix(#000, $frosted-orchid, 20%);
.element {
color: $frosted-orchid;
box-shadow: 0 0 0 2px rgba($frosted-orchid, 0.35);
}