Named color · #DBE2CC
Frozen Margarita
Frozen Margarita is #DBE2CC: rgb(219 226 204), hsl(79 27% 84%), oklch(0.901 0.03 121.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Frozen Margarita color name →
#DBE2CC
oklch(0.901 0.03 121.4)
Color conversions
- HEX
- #dbe2cc
- RGB
- rgb(219 226 204)
- HSL
- hsl(79 27% 84%)
- HWB
- hwb(79 80% 11%)
- OKLCH
- oklch(0.901 0.03 121.4)
- OKLab
- oklab(0.901 -0.016 0.026)
- CIE Lab
- lab(88.9 -5.31 9.94)
- LCH
- lch(88.9 11.27 118.1)
- CMYK
- cmyk(3% 0% 10% 11%)
Tints · Shades · Tones
Tints
- DFE5D1
- E2E8D6
- E6EBDB
- E9EEE0
- EDF0E5
- F0F3EA
- F4F6F0
- F8F9F5
- FBFCFA
Shades
- BEC4B1
- A2A897
- 878C7E
- 6D7165
- 54574E
- 3C3E37
- 262722
- 11120F
- 020302
Tones
- D2D8C4
- C8CEBC
- BFC4B5
- B6BAAD
- ACB0A5
- A3A69E
- 9A9C96
- 91938F
- 898987
Color harmonies
Complementary +180°
- DBE2CC
Frozen Margarita
- E2DAF0
≈ Chinese Silver
Analogous -30° +30°
- DBE2CC
Frozen Margarita
- E6DEC8
≈ Ivory Paper
- D1E5D5
≈ Peppermint Patty
Triadic +120° +240°
- DBE2CC
Frozen Margarita
- CEE2F1
≈ Cold Turbulence
- F1D7DD
≈ Pineberry
Split-complementary +150° +210°
- DBE2CC
Frozen Margarita
- D7DEF3
≈ Puffy Cloud
- EBD8E8
≈ All Made Up
Tetradic +90° +180° +270°
- DBE2CC
Frozen Margarita
- C9E4EA
≈ Igloo Blue
- E2DAF0
≈ Chinese Silver
- F2D8D2
≈ Global Warming
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.76:1 · APCA Lc 87
Best text color: #000000
WCAG 15.76:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--frozen-margarita: #dbe2cc;
--frozen-margarita-rgb: 219 226 204;
--frozen-margarita-oklch: oklch(0.901 0.03 121.4);
}
.element {
color: var(--frozen-margarita);
background-color: hsl(79 27% 84%);
border-color: oklch(0.901 0.03 121.4);
}Tailwind CSS v4
@theme {
--color-frozen-margarita: #dbe2cc;
--color-frozen-margarita-50: #f3f7ed;
--color-frozen-margarita-100: #e6eadf;
--color-frozen-margarita-200: #d1d7c9;
--color-frozen-margarita-300: #b4baa9;
--color-frozen-margarita-400: #9ba28e;
--color-frozen-margarita-500: #838a73;
--color-frozen-margarita-600: #6f7462;
--color-frozen-margarita-700: #585d4e;
--color-frozen-margarita-800: #414438;
--color-frozen-margarita-900: #2d2f27;
--color-frozen-margarita-950: #1a1c15;
}SCSS
$frozen-margarita: #dbe2cc;
$frozen-margarita-rgb: 219, 226, 204;
$frozen-margarita-light: mix(#fff, $frozen-margarita, 20%);
$frozen-margarita-dark: mix(#000, $frozen-margarita, 20%);
.element {
color: $frozen-margarita;
box-shadow: 0 0 0 2px rgba($frozen-margarita, 0.35);
}