Colore con nome · #005599
Standing Waters
Standing Waters è #005599: rgb(0 85 153), hsl(207 100% 30%), oklch(0.446 0.131 251.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Standing Waters color name →
#005599
oklch(0.446 0.131 251.3)
Conversioni di colore
- HEX
- #005599
- RGB
- rgb(0 85 153)
- HSL
- hsl(207 100% 30%)
- HWB
- hwb(207 0% 40%)
- OKLCH
- oklch(0.446 0.131 251.3)
- OKLab
- oklab(0.446 -0.042 -0.124)
- CIE Lab
- lab(34.89 -0.77 -44.09)
- LCH
- lch(34.89 44.09 269)
- CMYK
- cmyk(100% 44% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 2866A4
- 4177AF
- 5987B9
- 7098C4
- 87A9CE
- 9FBAD8
- B6CBE2
- CEDCEC
- E6EDF5
Ombre
- 004984
- 003D70
- 00315D
- 00264A
- 001C38
- 001127
- 000817
- 000208
- 000001
Toni
- 1A5A97
- 2A5F95
- 376493
- 426891
- 4D6C8F
- 58718C
- 627589
- 6C7986
- 767C83
Armonie di colore
Complementare +180°
- 005599
Standing Waters
- 744900
≈ Antique Bronze
Analogo -30° +30°
- 005599
Standing Waters
- 005E74
≈ Lyons Blue
- 4A4799
≈ Galaxy Express
Triadico +120° +240°
- 005599
Standing Waters
- 8D2C41
≈ Rumba Red
- 3A6100
≈ Rainforest Matcha
Complementare divisa +150° +210°
- 005599
Standing Waters
- 8D3408
≈ Coffee Addiction
- 5F5500
≈ Olive Brown
Tetradico +90° +180° +270°
- 005599
Standing Waters
- 813069
≈ Veronica Purple
- 744900
≈ Antique Bronze
- 006442
≈ Aotake Bamboo
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.61:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.75:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--standing-waters: #005599;
--standing-waters-rgb: 0 85 153;
--standing-waters-oklch: oklch(0.446 0.131 251.3);
}
.element {
color: var(--standing-waters);
background-color: hsl(207 100% 30%);
border-color: oklch(0.446 0.131 251.3);
}Tailwind CSS v4
@theme {
--color-standing-waters: #005599;
--color-standing-waters-50: #dcf8ff;
--color-standing-waters-100: #caebff;
--color-standing-waters-200: #add8ff;
--color-standing-waters-300: #87bbf9;
--color-standing-waters-400: #60a3e9;
--color-standing-waters-500: #3989d9;
--color-standing-waters-600: #3274b7;
--color-standing-waters-700: #285d93;
--color-standing-waters-800: #18456d;
--color-standing-waters-900: #0f304d;
--color-standing-waters-950: #031c33;
}SCSS
$standing-waters: #005599;
$standing-waters-rgb: 0, 85, 153;
$standing-waters-light: mix(#fff, $standing-waters, 20%);
$standing-waters-dark: mix(#000, $standing-waters, 20%);
.element {
color: $standing-waters;
box-shadow: 0 0 0 2px rgba($standing-waters, 0.35);
}