Nazwany kolor · #D0D6BF
Green Frost
Green Frost to #D0D6BF: rgb(208 214 191), hsl(76 22% 79%), oklch(0.865 0.032 119). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Green Frost color name →
#D0D6BF
oklch(0.865 0.032 119)
Konwersje koloru
- HEX
- #d0d6bf
- RGB
- rgb(208 214 191)
- HSL
- hsl(76 22% 79%)
- HWB
- hwb(76 75% 16%)
- OKLCH
- oklch(0.865 0.032 119)
- OKLab
- oklab(0.865 -0.015 0.028)
- CIE Lab
- lab(84.69 -5.12 10.67)
- LCH
- lch(84.69 11.83 115.6)
- CMYK
- cmyk(3% 0% 11% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5DAC5
- D9DECC
- DEE2D2
- E3E6D8
- E7EADF
- ECEEE5
- F1F3EC
- F5F7F2
- FAFBF9
Odcienie ciemniejsze
- B5BAA6
- 9A9E8D
- 808475
- 676A5E
- 4F5248
- 393B33
- 23251F
- 10100D
- 020202
Tony
- C8CDB9
- BFC4B2
- B7BBAC
- AFB3A5
- A7AA9F
- 9FA199
- 979993
- 8F918C
- 888886
Harmonie kolorów
Komplementarna +180°
- D0D6BF
Green Frost
- D5CFE5
≈ Potentially Purple
Analogowa -30° +30°
- D0D6BF
Green Frost
- DBD2BC
≈ Chino
- C5D9C8
≈ Marsh Fog
Triada +120° +240°
- D0D6BF
Green Frost
- C1D6E6
≈ Light Ridge Light
- E5CBD2
≈ Barely Berry
Komplementarna rozszczepiona +150° +210°
- D0D6BF
Green Frost
- CAD2E8
≈ Lazy Sunday
- DFCCDD
≈ Lilac Lane
Tetrada +90° +180° +270°
- D0D6BF
Green Frost
- BCD9DE
≈ Alexandrian Sky
- D5CFE5
≈ Potentially Purple
- E7CBC7
≈ Tangy Taffy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.49:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.05:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.05:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-frost: #d0d6bf;
--green-frost-rgb: 208 214 191;
--green-frost-oklch: oklch(0.865 0.032 119);
}
.element {
color: var(--green-frost);
background-color: hsl(76 22% 79%);
border-color: oklch(0.865 0.032 119);
}Tailwind CSS v4
@theme {
--color-green-frost: #d0d6bf;
--color-green-frost-50: #f4f7ed;
--color-green-frost-100: #e6eade;
--color-green-frost-200: #d2d7c8;
--color-green-frost-300: #b5baa8;
--color-green-frost-400: #9ca18d;
--color-green-frost-500: #848972;
--color-green-frost-600: #6f7461;
--color-green-frost-700: #595d4d;
--color-green-frost-800: #414438;
--color-green-frost-900: #2d2f26;
--color-green-frost-950: #1a1b14;
}SCSS
$green-frost: #d0d6bf;
$green-frost-rgb: 208, 214, 191;
$green-frost-light: mix(#fff, $green-frost, 20%);
$green-frost-dark: mix(#000, $green-frost, 20%);
.element {
color: $green-frost;
box-shadow: 0 0 0 2px rgba($green-frost, 0.35);
}