Colore con nome · #7B9AAD
Bay’s Water
Bay’s Water è #7B9AAD: rgb(123 154 173), hsl(203 23% 58%), oklch(0.669 0.045 235.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Bay’s Water color name →
#7B9AAD
oklch(0.669 0.045 235.2)
Conversioni di colore
- HEX
- #7b9aad
- RGB
- rgb(123 154 173)
- HSL
- hsl(203 23% 58%)
- HWB
- hwb(203 48% 32%)
- OKLCH
- oklch(0.669 0.045 235.2)
- OKLab
- oklab(0.669 -0.025 -0.037)
- CIE Lab
- lab(61.75 -7.75 -13.69)
- LCH
- lch(61.75 15.73 240.5)
- CMYK
- cmyk(29% 11% 0% 32%)
Tinte · Ombre · Toni
Tinte
- 88A4B5
- 95AEBD
- A1B7C5
- AEC1CD
- BCCCD6
- C9D6DE
- D6E0E6
- E4EAEE
- F1F5F7
Ombre
- 6A8596
- 5A717F
- 4A5E6A
- 3A4B55
- 2C3941
- 1E272D
- 10171B
- 05090B
- 010101
Toni
- 7C97A8
- 7C95A4
- 7D929F
- 7E909B
- 7E8D96
- 7F8A92
- 7F888D
- 7F8589
- 808384
Armonie di colore
Complementare +180°
- 7B9AAD
Bay’s Water
- AB8E7B
≈ Cosy Cocoa
Analogo -30° +30°
- 7B9AAD
Bay’s Water
- 759DA2
≈ Voyage
- 8895B1
≈ Cool Grey
Triadico +120° +240°
- 7B9AAD
Bay’s Water
- AC8A96
≈ Reserve
- 94997A
≈ Lucky Day
Complementare divisa +150° +210°
- 7B9AAD
Bay’s Water
- AF8B87
≈ Mauve Day
- A29376
≈ Caraway
Tetradico +90° +180° +270°
- 7B9AAD
Bay’s Water
- A48CA4
≈ Nana
- AB8E7B
≈ Cosy Cocoa
- 849D85
≈ Track Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.97:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.06:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--bay-s-water: #7b9aad;
--bay-s-water-rgb: 123 154 173;
--bay-s-water-oklch: oklch(0.669 0.045 235.2);
}
.element {
color: var(--bay-s-water);
background-color: hsl(203 23% 58%);
border-color: oklch(0.669 0.045 235.2);
}Tailwind CSS v4
@theme {
--color-bay-s-water: #7b9aad;
--color-bay-s-water-50: #eaf7ff;
--color-bay-s-water-100: #dbebf5;
--color-bay-s-water-200: #c3d8e5;
--color-bay-s-water-300: #a3bbcc;
--color-bay-s-water-400: #86a3b5;
--color-bay-s-water-500: #6a8ba0;
--color-bay-s-water-600: #5a7687;
--color-bay-s-water-700: #475e6c;
--color-bay-s-water-800: #334550;
--color-bay-s-water-900: #233037;
--color-bay-s-water-950: #121c22;
}SCSS
$bay-s-water: #7b9aad;
$bay-s-water-rgb: 123, 154, 173;
$bay-s-water-light: mix(#fff, $bay-s-water, 20%);
$bay-s-water-dark: mix(#000, $bay-s-water, 20%);
.element {
color: $bay-s-water;
box-shadow: 0 0 0 2px rgba($bay-s-water, 0.35);
}