色名 · #B9E0CF
Desert Mirage
Desert Mirageは#B9E0CF：rgb(185 224 207)、hsl(154 39% 80%)、oklch(0.874 0.047 167)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Desert Mirage color name →
#B9E0CF
oklch(0.874 0.047 167)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- C0E3D4
- C7E6D8
- CEE9DD
- D5ECE2
- DCF0E7
- E3F3EC
- EAF6F0
- F1F9F5
- F8FCFA
シェード
- A0C3B4
- 89A699
- 718A7F
- 5B7067
- 46564F
- 313E38
- 1E2723
- 0D1210
- 020202
トーン
- B3D6C7
- AECCBF
- A8C2B7
- A2B9AF
- 9DAFA7
- 97A59F
- 919C97
- 8B928F
- 868988
カラーハーモニー
補色 +180°
- B9E0CF
Desert Mirage
- EECADC
≈ Persian Delight
類似色 -30° +30°
- B9E0CF
Desert Mirage
- C7DDBF
≈ Pale Tidepool
- B2E0E0
≈ Frosty Soft Blue
トライアド +120° +240°
- B9E0CF
Desert Mirage
- D3D1F4
≈ Frozen Periwinkle
- F1CDBC
≈ Watusi
スプリットコンプリメンタリー +150° +210°
- B9E0CF
Desert Mirage
- E2CDEB
≈ Footie Pyjamas
- F3CACA
≈ Blushing Senorita
テトラード +90° +180° +270°
- B9E0CF
Desert Mirage
- C2D7F5
≈ Delicate Blue Mist
- EECADC
≈ Persian Delight
- E7D2B4
≈ Aebleskiver
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.43:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.62:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.62:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
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);
}