Named color · #CFB3A6
Cosmic Aura
Cosmic Aura is #CFB3A6: rgb(207 179 166), hsl(19 30% 73%), oklch(0.787 0.037 46.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Cosmic Aura color name →
#CFB3A6
oklch(0.787 0.037 46.4)
Color conversions
- HEX
- #cfb3a6
- RGB
- rgb(207 179 166)
- HSL
- hsl(19 30% 73%)
- HWB
- hwb(19 65% 19%)
- OKLCH
- oklch(0.787 0.037 46.4)
- OKLab
- oklab(0.787 0.026 0.027)
- CIE Lab
- lab(75.15 8.89 10.58)
- LCH
- lch(75.15 13.82 50)
- CMYK
- cmyk(0% 14% 20% 19%)
Tints · Shades · Tones
Tints
- D4BAAF
- D9C2B7
- DEC9C0
- E2D1C9
- E7D9D2
- ECE0DB
- F1E8E4
- F5EFED
- FAF7F6
Shades
- B49B90
- 99847A
- 7F6E65
- 675851
- 4F433E
- 382F2B
- 231D1A
- 100C0A
- 020101
Tones
- C7AEA2
- BFA99E
- B7A39B
- AF9E97
- A79993
- 9F948F
- 978F8B
- 8F8A88
- 888584
Color harmonies
Complementary +180°
- CFB3A6
Cosmic Aura
- A1BFCC
≈ Frozen Tundra
Analogous -30° +30°
- CFB3A6
Cosmic Aura
- D1B1B1
≈ Izmir Pink
- C8B7A0
≈ Ranch Tan
Triadic +120° +240°
- CFB3A6
Cosmic Aura
- A4C2B4
≈ Folk Tales
- B7B7D1
≈ Madder Blue
Split-complementary +150° +210°
- CFB3A6
Cosmic Aura
- 9FC2C2
≈ Aspiring Blue
- ABBBD2
≈ Sailor Boy
Tetradic +90° +180° +270°
- CFB3A6
Cosmic Aura
- AFC0A8
≈ Creamy Spinach
- A1BFCC
≈ Frozen Tundra
- C3B3CA
≈ Purple Essence
Contrast & accessibility
Ag
FailOn white
WCAG 1.97:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.65:1 · APCA Lc 64
Best text color: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--cosmic-aura: #cfb3a6;
--cosmic-aura-rgb: 207 179 166;
--cosmic-aura-oklch: oklch(0.787 0.037 46.4);
}
.element {
color: var(--cosmic-aura);
background-color: hsl(19 30% 73%);
border-color: oklch(0.787 0.037 46.4);
}Tailwind CSS v4
@theme {
--color-cosmic-aura: #cfb3a6;
--color-cosmic-aura-50: #fff2ec;
--color-cosmic-aura-100: #f3e5dd;
--color-cosmic-aura-200: #e2d0c7;
--color-cosmic-aura-300: #c8b2a7;
--color-cosmic-aura-400: #b2988c;
--color-cosmic-aura-500: #9c7f72;
--color-cosmic-aura-600: #846c60;
--color-cosmic-aura-700: #6a564d;
--color-cosmic-aura-800: #4e3e38;
--color-cosmic-aura-900: #362b26;
--color-cosmic-aura-950: #211815;
}SCSS
$cosmic-aura: #cfb3a6;
$cosmic-aura-rgb: 207, 179, 166;
$cosmic-aura-light: mix(#fff, $cosmic-aura, 20%);
$cosmic-aura-dark: mix(#000, $cosmic-aura, 20%);
.element {
color: $cosmic-aura;
box-shadow: 0 0 0 2px rgba($cosmic-aura, 0.35);
}