Colore con nome · #C6D7E0
Prairie Sky
Prairie Sky è #C6D7E0: rgb(198 215 224), hsl(201 30% 83%), oklch(0.869 0.022 230.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Prairie Sky color name →
#C6D7E0
oklch(0.869 0.022 230.6)
Conversioni di colore
- HEX
- #c6d7e0
- RGB
- rgb(198 215 224)
- HSL
- hsl(201 30% 83%)
- HWB
- hwb(201 78% 12%)
- OKLCH
- oklch(0.869 0.022 230.6)
- OKLab
- oklab(0.869 -0.014 -0.017)
- CIE Lab
- lab(84.89 -4.59 -6.51)
- LCH
- lch(84.89 7.96 234.8)
- CMYK
- cmyk(12% 4% 0% 12%)
Tinte · Ombre · Toni
Tinte
- CCDBE3
- D1DFE6
- D7E3E9
- DDE7EC
- E2EBEF
- E8EFF3
- EEF3F6
- F3F7F9
- F9FBFC
Ombre
- ACBBC3
- 929FA6
- 7A858A
- 626B70
- 4B5256
- 353B3E
- 212527
- 0E1112
- 020202
Toni
- BFCED6
- B8C5CC
- B1BCC2
- A9B3B8
- A2AAAF
- 9BA2A5
- 94999C
- 8E9192
- 878889
Armonie di colore
Complementare +180°
- C6D7E0
Prairie Sky
- E1D0C7
≈ Crushed Out
Analogo -30° +30°
- C6D7E0
Prairie Sky
- C4D9DA
≈ Barest Hint of Blue
- CCD4E3
≈ Morning Chill
Triadico +120° +240°
- C6D7E0
Prairie Sky
- E0CED6
≈ Light Pelican Bill
- D4D6C5
≈ Wine Bottle
Complementare divisa +150° +210°
- C6D7E0
Prairie Sky
- E2CFCE
≈ Mauve Chalk
- DCD3C4
≈ Natural Tan
Tetradico +90° +180° +270°
- C6D7E0
Prairie Sky
- DBCFDD
≈ Spun Moonbeams
- E1D0C7
≈ Crushed Out
- CCD8CA
≈ April Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.19:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--prairie-sky: #c6d7e0;
--prairie-sky-rgb: 198 215 224;
--prairie-sky-oklch: oklch(0.869 0.022 230.6);
}
.element {
color: var(--prairie-sky);
background-color: hsl(201 30% 83%);
border-color: oklch(0.869 0.022 230.6);
}Tailwind CSS v4
@theme {
--color-prairie-sky: #c6d7e0;
--color-prairie-sky-50: #eff6fa;
--color-prairie-sky-100: #e1e9ee;
--color-prairie-sky-200: #cbd6dc;
--color-prairie-sky-300: #adbac1;
--color-prairie-sky-400: #92a1a9;
--color-prairie-sky-500: #788992;
--color-prairie-sky-600: #66747c;
--color-prairie-sky-700: #515d63;
--color-prairie-sky-800: #3b4449;
--color-prairie-sky-900: #282f32;
--color-prairie-sky-950: #161c1e;
}SCSS
$prairie-sky: #c6d7e0;
$prairie-sky-rgb: 198, 215, 224;
$prairie-sky-light: mix(#fff, $prairie-sky, 20%);
$prairie-sky-dark: mix(#000, $prairie-sky, 20%);
.element {
color: $prairie-sky;
box-shadow: 0 0 0 2px rgba($prairie-sky, 0.35);
}