Color con nombre · #B9E0CF
Desert Mirage
Desert Mirage es #B9E0CF: rgb(185 224 207), hsl(154 39% 80%), oklch(0.874 0.047 167). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Desert Mirage color name →
#B9E0CF
oklch(0.874 0.047 167)
Conversiones de color
- HEX
- #b9e0cf
- RGB
- rgb(185 224 207)
- HSL
- hsl(154 39% 80%)
- HWB
- hwb(154 73% 12%)
- OKLCH
- oklch(0.874 0.047 167)
- OKLab
- oklab(0.874 -0.046 0.011)
- CIE Lab
- lab(86.01 -15.74 3.9)
- LCH
- lch(86.01 16.21 166.1)
- CMYK
- cmyk(17% 0% 8% 12%)
Tintes · Sombras · Tonos
Tintes
- C0E3D4
- C7E6D8
- CEE9DD
- D5ECE2
- DCF0E7
- E3F3EC
- EAF6F0
- F1F9F5
- F8FCFA
Sombras
- A0C3B4
- 89A699
- 718A7F
- 5B7067
- 46564F
- 313E38
- 1E2723
- 0D1210
- 020202
Tonos
- B3D6C7
- AECCBF
- A8C2B7
- A2B9AF
- 9DAFA7
- 97A59F
- 919C97
- 8B928F
- 868988
Armonías de color
Complementario +180°
- B9E0CF
Desert Mirage
- EECADC
≈ Persian Delight
Análogo -30° +30°
- B9E0CF
Desert Mirage
- C7DDBF
≈ Pale Tidepool
- B2E0E0
≈ Frosty Soft Blue
Triádico +120° +240°
- B9E0CF
Desert Mirage
- D3D1F4
≈ Frozen Periwinkle
- F1CDBC
≈ Watusi
Complementario dividido +150° +210°
- B9E0CF
Desert Mirage
- E2CDEB
≈ Footie Pyjamas
- F3CACA
≈ Blushing Senorita
Tetrádico +90° +180° +270°
- B9E0CF
Desert Mirage
- C2D7F5
≈ Delicate Blue Mist
- EECADC
≈ Persian Delight
- E7D2B4
≈ Aebleskiver
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.62:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.62:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--desert-mirage: #b9e0cf;
--desert-mirage-rgb: 185 224 207;
--desert-mirage-oklch: oklch(0.874 0.047 167);
}
.element {
color: var(--desert-mirage);
background-color: hsl(154 39% 80%);
border-color: oklch(0.874 0.047 167);
}Tailwind CSS v4
@theme {
--color-desert-mirage: #b9e0cf;
--color-desert-mirage-50: #e9faf3;
--color-desert-mirage-100: #daede5;
--color-desert-mirage-200: #c2dbd1;
--color-desert-mirage-300: #a1c0b3;
--color-desert-mirage-400: #84a899;
--color-desert-mirage-500: #689180;
--color-desert-mirage-600: #587a6c;
--color-desert-mirage-700: #466256;
--color-desert-mirage-800: #33483e;
--color-desert-mirage-900: #23322b;
--color-desert-mirage-950: #121e18;
}SCSS
$desert-mirage: #b9e0cf;
$desert-mirage-rgb: 185, 224, 207;
$desert-mirage-light: mix(#fff, $desert-mirage, 20%);
$desert-mirage-dark: mix(#000, $desert-mirage, 20%);
.element {
color: $desert-mirage;
box-shadow: 0 0 0 2px rgba($desert-mirage, 0.35);
}