Benoemde kleur · #C7CFBE
Frosty Pine
Frosty Pine is #C7CFBE: rgb(199 207 190), hsl(88 15% 78%), oklch(0.844 0.025 127.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Frosty Pine color name →
#C7CFBE
oklch(0.844 0.025 127.6)
Kleurconversies
- HEX
- #c7cfbe
- RGB
- rgb(199 207 190)
- HSL
- hsl(88 15% 78%)
- HWB
- hwb(88 75% 19%)
- OKLCH
- oklch(0.844 0.025 127.6)
- OKLab
- oklab(0.844 -0.015 0.02)
- CIE Lab
- lab(82.14 -5.12 7.49)
- LCH
- lch(82.14 9.07 124.3)
- CMYK
- cmyk(4% 0% 8% 19%)
Tinten · Schaduwen · Tonen
Tinten
- CCD4C4
- D2D8CB
- D8DDD1
- DDE2D8
- E3E7DE
- E8ECE5
- EEF0EB
- F4F5F2
- F9FAF8
Schaduwen
- ADB4A5
- 93998C
- 7A7F75
- 62675E
- 4C4F48
- 363833
- 21231F
- 0E100D
- 020202
Tonen
- C0C7B8
- B8BFB1
- B1B7AB
- AAAFA5
- A3A79F
- 9C9F98
- 959792
- 8E8F8C
- 878886
Kleurharmonieën
Complementair +180°
- C7CFBE
Frosty Pine
- D0C8D9
≈ Moon Goddess
Analoog -30° +30°
- C7CFBE
Frosty Pine
- D0CCBA
≈ Ancient Marble
- BFD1C5
≈ Opaline
Triadisch +120° +240°
- C7CFBE
Frosty Pine
- BFCEDB
≈ Winter Scene
- DBC5C9
≈ Bunny Pink
Gesplitst complementair +150° +210°
- C7CFBE
Frosty Pine
- C7CBDC
≈ Lavender Steel
- D7C6D1
≈ Rosy Lavender
Tetradisch +90° +180° +270°
- C7CFBE
Frosty Pine
- BBD0D6
≈ Lament Blue
- D0C8D9
≈ Moon Goddess
- DBC7C0
≈ Cheerful Heart
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.60:1 · APCA Lc 27
Ag
AAAOp zwart
WCAG 13.09:1 · APCA Lc 76
Beste tekstkleur: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--frosty-pine: #c7cfbe;
--frosty-pine-rgb: 199 207 190;
--frosty-pine-oklch: oklch(0.844 0.025 127.6);
}
.element {
color: var(--frosty-pine);
background-color: hsl(88 15% 78%);
border-color: oklch(0.844 0.025 127.6);
}Tailwind CSS v4
@theme {
--color-frosty-pine: #c7cfbe;
--color-frosty-pine-50: #f3f7ef;
--color-frosty-pine-100: #e5eae1;
--color-frosty-pine-200: #d1d6cc;
--color-frosty-pine-300: #b3baad;
--color-frosty-pine-400: #9aa192;
--color-frosty-pine-500: #818a78;
--color-frosty-pine-600: #6e7466;
--color-frosty-pine-700: #585d51;
--color-frosty-pine-800: #40443b;
--color-frosty-pine-900: #2c2f28;
--color-frosty-pine-950: #191c16;
}SCSS
$frosty-pine: #c7cfbe;
$frosty-pine-rgb: 199, 207, 190;
$frosty-pine-light: mix(#fff, $frosty-pine, 20%);
$frosty-pine-dark: mix(#000, $frosty-pine, 20%);
.element {
color: $frosty-pine;
box-shadow: 0 0 0 2px rgba($frosty-pine, 0.35);
}