Nazwany kolor · #CFE2E0
Mountain Dew
Mountain Dew to #CFE2E0: rgb(207 226 224), hsl(174 25% 85%), oklch(0.898 0.02 189.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mountain Dew color name →
#CFE2E0
oklch(0.898 0.02 189.2)
Konwersje koloru
- HEX
- #cfe2e0
- RGB
- rgb(207 226 224)
- HSL
- hsl(174 25% 85%)
- HWB
- hwb(174 81% 11%)
- OKLCH
- oklch(0.898 0.02 189.2)
- OKLab
- oklab(0.898 -0.02 -0.003)
- CIE Lab
- lab(88.41 -6.83 -1.3)
- LCH
- lch(88.41 6.95 190.8)
- CMYK
- cmyk(8% 0% 1% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4E5E3
- D9E8E6
- DDEBE9
- E2EEEC
- E7F0EF
- ECF3F3
- F1F6F6
- F5F9F9
- FAFCFC
Odcienie ciemniejsze
- B4C4C3
- 99A8A6
- 7F8C8A
- 677170
- 4F5756
- 383E3E
- 232727
- 101212
- 020302
Tony
- C7D8D6
- BFCECC
- B7C4C2
- AFBAB8
- A7B0AF
- 9FA6A5
- 979C9C
- 8F9392
- 888989
Harmonie kolorów
Komplementarna +180°
- CFE2E0
Mountain Dew
- EAD8DA
≈ Diminished Red
Analogowa -30° +30°
- CFE2E0
Mountain Dew
- D3E2D9
≈ Delicate Snow Goose
- CFE1E7
≈ Goddess
Triada +120° +240°
- CFE2E0
Mountain Dew
- E1DAE8
≈ Awakened
- E7DBCF
≈ Light Shetland Lace
Komplementarna rozszczepiona +150° +210°
- CFE2E0
Mountain Dew
- E7D8E2
≈ Rajah Rose
- EAD9D4
≈ Vienna Lace
Tetrada +90° +180° +270°
- CFE2E0
Mountain Dew
- DADCEB
≈ The White Death
- EAD8DA
≈ Diminished Red
- E0DECF
≈ Corinthian Column
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.60:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--mountain-dew: #cfe2e0;
--mountain-dew-rgb: 207 226 224;
--mountain-dew-oklch: oklch(0.898 0.02 189.2);
}
.element {
color: var(--mountain-dew);
background-color: hsl(174 25% 85%);
border-color: oklch(0.898 0.02 189.2);
}Tailwind CSS v4
@theme {
--color-mountain-dew: #cfe2e0;
--color-mountain-dew-50: #eff7f6;
--color-mountain-dew-100: #e1eae9;
--color-mountain-dew-200: #cbd7d6;
--color-mountain-dew-300: #acbbba;
--color-mountain-dew-400: #91a3a1;
--color-mountain-dew-500: #778b89;
--color-mountain-dew-600: #657574;
--color-mountain-dew-700: #515e5d;
--color-mountain-dew-800: #3b4543;
--color-mountain-dew-900: #28302f;
--color-mountain-dew-950: #161c1b;
}SCSS
$mountain-dew: #cfe2e0;
$mountain-dew-rgb: 207, 226, 224;
$mountain-dew-light: mix(#fff, $mountain-dew, 20%);
$mountain-dew-dark: mix(#000, $mountain-dew, 20%);
.element {
color: $mountain-dew;
box-shadow: 0 0 0 2px rgba($mountain-dew, 0.35);
}