Cor nomeada · #BAC2AA
Healing Retreat
Healing Retreat é #BAC2AA: rgb(186 194 170), hsl(80 16% 71%), oklch(0.801 0.034 122.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Healing Retreat color name →
#BAC2AA
oklch(0.801 0.034 122.2)
Conversões de cor
- HEX
- #bac2aa
- RGB
- rgb(186 194 170)
- HSL
- hsl(80 16% 71%)
- HWB
- hwb(80 67% 24%)
- OKLCH
- oklch(0.801 0.034 122.2)
- OKLab
- oklab(0.801 -0.018 0.029)
- CIE Lab
- lab(77.3 -6.07 11.13)
- LCH
- lch(77.3 12.68 118.6)
- CMYK
- cmyk(4% 0% 12% 24%)
Tons claros · Sombras · Tons
Tons claros
- C1C8B2
- C7CEBB
- CED4C3
- D5DACB
- DCE0D4
- E3E6DC
- EAECE5
- F1F3EE
- F8F9F6
Sombras
- A1A893
- 898F7D
- 727768
- 5C6053
- 46493F
- 32342D
- 1E201B
- 0D0E0B
- 020201
Tons
- B4BBA6
- AEB4A2
- A8AE9D
- A2A799
- 9CA095
- 979A91
- 91938C
- 8B8D88
- 868684
Harmonias de cor
Complementar +180°
- BAC2AA
Healing Retreat
- C2B9D1
≈ Fog Syringa
Análoga -30° +30°
- BAC2AA
Healing Retreat
- C6BEA6
≈ Jungle Khaki
- AFC5B4
≈ Zanah
Tríade +120° +240°
- BAC2AA
Healing Retreat
- ACC1D3
≈ Airway
- D2B5BC
≈ Delightful
Complementar dividida +150° +210°
- BAC2AA
Healing Retreat
- B6BDD5
≈ Hazy Sky
- CCB6C8
≈ Janey’s Party
Tétrade +90° +180° +270°
- BAC2AA
Healing Retreat
- A6C4CB
≈ Skyward
- C2B9D1
≈ Fog Syringa
- D3B7B0
≈ Cracker Crumbs
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.38:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--healing-retreat: #bac2aa;
--healing-retreat-rgb: 186 194 170;
--healing-retreat-oklch: oklch(0.801 0.034 122.2);
}
.element {
color: var(--healing-retreat);
background-color: hsl(80 16% 71%);
border-color: oklch(0.801 0.034 122.2);
}Tailwind CSS v4
@theme {
--color-healing-retreat: #bac2aa;
--color-healing-retreat-50: #f3f7ec;
--color-healing-retreat-100: #e5eade;
--color-healing-retreat-200: #d1d7c7;
--color-healing-retreat-300: #b3bba8;
--color-healing-retreat-400: #9ba28c;
--color-healing-retreat-500: #828a71;
--color-healing-retreat-600: #6e7560;
--color-healing-retreat-700: #585d4d;
--color-healing-retreat-800: #414437;
--color-healing-retreat-900: #2d2f26;
--color-healing-retreat-950: #1a1c14;
}SCSS
$healing-retreat: #bac2aa;
$healing-retreat-rgb: 186, 194, 170;
$healing-retreat-light: mix(#fff, $healing-retreat, 20%);
$healing-retreat-dark: mix(#000, $healing-retreat, 20%);
.element {
color: $healing-retreat;
box-shadow: 0 0 0 2px rgba($healing-retreat, 0.35);
}