Colore con nome · #4999A1
Water Carrier
Water Carrier è #4999A1: rgb(73 153 161), hsl(185 38% 46%), oklch(0.636 0.079 204.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Water Carrier color name →
#4999A1
oklch(0.636 0.079 204.1)
Conversioni di colore
- HEX
- #4999a1
- RGB
- rgb(73 153 161)
- HSL
- hsl(185 38% 46%)
- HWB
- hwb(185 29% 37%)
- OKLCH
- oklch(0.636 0.079 204.1)
- OKLab
- oklab(0.636 -0.072 -0.032)
- CIE Lab
- lab(58.49 -23.76 -12.12)
- LCH
- lch(58.49 26.68 207)
- CMYK
- cmyk(55% 5% 0% 37%)
Tinte · Ombre · Toni
Tinte
- 5EA3AA
- 71ADB3
- 83B7BD
- 95C1C6
- A7CBCF
- B8D6D9
- CAE0E2
- DCEAEC
- EDF5F5
Ombre
- 3E848B
- 347076
- 2A5D62
- 204A4E
- 17383C
- 0E272A
- 061719
- 020809
- 000101
Toni
- 51979E
- 58949A
- 5F9297
- 648F94
- 6A8D90
- 6F8A8D
- 74888A
- 788587
- 7C8383
Armonie di colore
Complementare +180°
- 4999A1
Water Carrier
- B67873
≈ Earth Rose
Analogo -30° +30°
- 4999A1
Water Carrier
- 539B87
≈ Derby Green
- 5893B4
≈ Vanity
Triadico +120° +240°
- 4999A1
Water Carrier
- A37BA6
≈ Virtuous
- A28751
≈ Greek Olive
Complementare divisa +150° +210°
- 4999A1
Water Carrier
- B1778E
≈ Cipher
- B17E5D
≈ Burnt Toffee
Tetradico +90° +180° +270°
- 4999A1
Water Carrier
- 8D82B6
≈ Bravo!
- B67873
≈ Earth Rose
- 8A9158
≈ Fair and Square
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.30:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.35:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.35:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--water-carrier: #4999a1;
--water-carrier-rgb: 73 153 161;
--water-carrier-oklch: oklch(0.636 0.079 204.1);
}
.element {
color: var(--water-carrier);
background-color: hsl(185 38% 46%);
border-color: oklch(0.636 0.079 204.1);
}Tailwind CSS v4
@theme {
--color-water-carrier: #4999a1;
--color-water-carrier-50: #dcfcff;
--color-water-carrier-100: #cbf0f5;
--color-water-carrier-200: #aedee5;
--color-water-carrier-300: #87c3cb;
--color-water-carrier-400: #62acb4;
--color-water-carrier-500: #39959e;
--color-water-carrier-600: #327e86;
--color-water-carrier-700: #28656b;
--color-water-carrier-800: #1b4a4e;
--color-water-carrier-900: #113436;
--color-water-carrier-950: #031f21;
}SCSS
$water-carrier: #4999a1;
$water-carrier-rgb: 73, 153, 161;
$water-carrier-light: mix(#fff, $water-carrier, 20%);
$water-carrier-dark: mix(#000, $water-carrier, 20%);
.element {
color: $water-carrier;
box-shadow: 0 0 0 2px rgba($water-carrier, 0.35);
}