Warna bernama · #B9E0CF
Desert Mirage
Desert Mirage adalah #B9E0CF: rgb(185 224 207), hsl(154 39% 80%), oklch(0.874 0.047 167). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Desert Mirage color name →
#B9E0CF
oklch(0.874 0.047 167)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C0E3D4
- C7E6D8
- CEE9DD
- D5ECE2
- DCF0E7
- E3F3EC
- EAF6F0
- F1F9F5
- F8FCFA
Shade
- A0C3B4
- 89A699
- 718A7F
- 5B7067
- 46564F
- 313E38
- 1E2723
- 0D1210
- 020202
Tone
- B3D6C7
- AECCBF
- A8C2B7
- A2B9AF
- 9DAFA7
- 97A59F
- 919C97
- 8B928F
- 868988
Harmoni warna
Komplementer +180°
- B9E0CF
Desert Mirage
- EECADC
≈ Persian Delight
Analog -30° +30°
- B9E0CF
Desert Mirage
- C7DDBF
≈ Pale Tidepool
- B2E0E0
≈ Frosty Soft Blue
Triadik +120° +240°
- B9E0CF
Desert Mirage
- D3D1F4
≈ Frozen Periwinkle
- F1CDBC
≈ Watusi
Split-komplementer +150° +210°
- B9E0CF
Desert Mirage
- E2CDEB
≈ Footie Pyjamas
- F3CACA
≈ Blushing Senorita
Tetradik +90° +180° +270°
- B9E0CF
Desert Mirage
- C2D7F5
≈ Delicate Blue Mist
- EECADC
≈ Persian Delight
- E7D2B4
≈ Aebleskiver
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.43:1 · APCA Lc 21
Ag
AAADi atas hitam
WCAG 14.62:1 · APCA Lc 83
Warna teks terbaik: #000000
WCAG 14.62:1 (AAA) · APCA Lc 83
Contrast pairs
Cuplikan kode
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);
}