Colore con nome · #839FA3
Cold Waterlogged Lab Coat
Cold Waterlogged Lab Coat è #839FA3: rgb(131 159 163), hsl(187 15% 58%), oklch(0.683 0.032 207). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cold Waterlogged Lab Coat color name →
#839FA3
oklch(0.683 0.032 207)
Conversioni di colore
- HEX
- #839fa3
- RGB
- rgb(131 159 163)
- HSL
- hsl(187 15% 58%)
- HWB
- hwb(187 51% 36%)
- OKLCH
- oklch(0.683 0.032 207)
- OKLab
- oklab(0.683 -0.028 -0.014)
- CIE Lab
- lab(63.45 -9.42 -5.51)
- LCH
- lch(63.45 10.91 210.3)
- CMYK
- cmyk(20% 2% 0% 36%)
Tinte · Ombre · Toni
Tinte
- 8FA8AC
- 9BB2B5
- A7BBBE
- B3C4C7
- C0CED0
- CCD8D9
- D9E1E3
- E5EBEC
- F2F5F5
Ombre
- 718A8D
- 607578
- 4F6163
- 3F4D4F
- 2F3B3C
- 20292A
- 121819
- 06090A
- 010101
Toni
- 839C9F
- 83999C
- 829698
- 829395
- 828F91
- 828C8E
- 81898A
- 818687
- 808383
Armonie di colore
Complementare +180°
- 839FA3
Cold Waterlogged Lab Coat
- AC928F
≈ Antoinette
Analogo -30° +30°
- 839FA3
Cold Waterlogged Lab Coat
- 85A099
≈ Meek Moss Green
- 879CAB
≈ Relaxing Blue
Triadico +120° +240°
- 839FA3
Cold Waterlogged Lab Coat
- A493A3
≈ Fields of Provence
- A19883
≈ Good Earth
Complementare divisa +150° +210°
- 839FA3
Cold Waterlogged Lab Coat
- AA9199
≈ Persian Pastel
- A99586
≈ Silent Sands
Tetradico +90° +180° +270°
- 839FA3
Cold Waterlogged Lab Coat
- 9B95AB
≈ Purple Surf
- AC928F
≈ Antoinette
- 979C86
≈ Leek Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.81:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.45:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.45:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--cold-waterlogged-lab-coat: #839fa3;
--cold-waterlogged-lab-coat-rgb: 131 159 163;
--cold-waterlogged-lab-coat-oklch: oklch(0.683 0.032 207);
}
.element {
color: var(--cold-waterlogged-lab-coat);
background-color: hsl(187 15% 58%);
border-color: oklch(0.683 0.032 207);
}Tailwind CSS v4
@theme {
--color-cold-waterlogged-lab-coat: #839fa3;
--color-cold-waterlogged-lab-coat-50: #ebf8fa;
--color-cold-waterlogged-lab-coat-100: #dcebee;
--color-cold-waterlogged-lab-coat-200: #c6d8db;
--color-cold-waterlogged-lab-coat-300: #a6bcc0;
--color-cold-waterlogged-lab-coat-400: #89a4a8;
--color-cold-waterlogged-lab-coat-500: #6e8c91;
--color-cold-waterlogged-lab-coat-600: #5d777b;
--color-cold-waterlogged-lab-coat-700: #4b5f62;
--color-cold-waterlogged-lab-coat-800: #364648;
--color-cold-waterlogged-lab-coat-900: #253032;
--color-cold-waterlogged-lab-coat-950: #131c1e;
}SCSS
$cold-waterlogged-lab-coat: #839fa3;
$cold-waterlogged-lab-coat-rgb: 131, 159, 163;
$cold-waterlogged-lab-coat-light: mix(#fff, $cold-waterlogged-lab-coat, 20%);
$cold-waterlogged-lab-coat-dark: mix(#000, $cold-waterlogged-lab-coat, 20%);
.element {
color: $cold-waterlogged-lab-coat;
box-shadow: 0 0 0 2px rgba($cold-waterlogged-lab-coat, 0.35);
}