Colore con nome · #C7E0D9
Ulthuan Grey
Ulthuan Grey è #C7E0D9: rgb(199 224 217), hsl(163 29% 83%), oklch(0.886 0.028 177). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ulthuan Grey color name →
#C7E0D9
oklch(0.886 0.028 177)
Conversioni di colore
- HEX
- #c7e0d9
- RGB
- rgb(199 224 217)
- HSL
- hsl(163 29% 83%)
- HWB
- hwb(163 78% 12%)
- OKLCH
- oklch(0.886 0.028 177)
- OKLab
- oklab(0.886 -0.028 0.001)
- CIE Lab
- lab(87.17 -9.59 0.48)
- LCH
- lch(87.17 9.61 177.2)
- CMYK
- cmyk(11% 0% 3% 12%)
Tinte · Ombre · Toni
Tinte
- CDE3DD
- D2E6E1
- D8E9E4
- DDECE8
- E3EFEC
- E9F3F0
- EEF6F3
- F4F9F7
- F9FCFB
Ombre
- ADC3BC
- 93A6A1
- 7A8A86
- 62706C
- 4C5653
- 363E3B
- 212725
- 0E1211
- 020202
Toni
- C0D6D0
- B8CCC7
- B1C2BD
- AAB8B4
- A3AFAB
- 9CA5A3
- 959C9A
- 8E9291
- 878988
Armonie di colore
Complementare +180°
- C7E0D9
Ulthuan Grey
- EAD2DA
≈ Distant Flare
Analogo -30° +30°
- C7E0D9
Ulthuan Grey
- CEDFCF
≈ St. Augustine
- C5DFE3
≈ Trevi Fountain
Triadico +120° +240°
- C7E0D9
Ulthuan Grey
- DBD6EA
≈ Light Lavender Water
- E9D5C8
≈ Seaside Villa
Complementare divisa +150° +210°
- C7E0D9
Ulthuan Grey
- E4D3E3
≈ Joyful Lilac
- ECD3D0
≈ Shangri La
Tetradico +90° +180° +270°
- C7E0D9
Ulthuan Grey
- D1D9ED
≈ Hawkes Blue
- EAD2DA
≈ Distant Flare
- E2D9C5
≈ Beige Linen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.09:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 15.09:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--ulthuan-grey: #c7e0d9;
--ulthuan-grey-rgb: 199 224 217;
--ulthuan-grey-oklch: oklch(0.886 0.028 177);
}
.element {
color: var(--ulthuan-grey);
background-color: hsl(163 29% 83%);
border-color: oklch(0.886 0.028 177);
}Tailwind CSS v4
@theme {
--color-ulthuan-grey: #c7e0d9;
--color-ulthuan-grey-50: #edf8f5;
--color-ulthuan-grey-100: #deebe8;
--color-ulthuan-grey-200: #c8d8d4;
--color-ulthuan-grey-300: #a9bcb7;
--color-ulthuan-grey-400: #8ea49e;
--color-ulthuan-grey-500: #738d86;
--color-ulthuan-grey-600: #627771;
--color-ulthuan-grey-700: #4e5f5a;
--color-ulthuan-grey-800: #394642;
--color-ulthuan-grey-900: #27302d;
--color-ulthuan-grey-950: #151c1a;
}SCSS
$ulthuan-grey: #c7e0d9;
$ulthuan-grey-rgb: 199, 224, 217;
$ulthuan-grey-light: mix(#fff, $ulthuan-grey, 20%);
$ulthuan-grey-dark: mix(#000, $ulthuan-grey, 20%);
.element {
color: $ulthuan-grey;
box-shadow: 0 0 0 2px rgba($ulthuan-grey, 0.35);
}