Colore con nome · #559999
Aquarius Reef Base
Aquarius Reef Base è #559999: rgb(85 153 153), hsl(180 29% 47%), oklch(0.638 0.069 195.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Aquarius Reef Base color name →
#559999
oklch(0.638 0.069 195.6)
Conversioni di colore
- HEX
- #559999
- RGB
- rgb(85 153 153)
- HSL
- hsl(180 29% 47%)
- HWB
- hwb(180 33% 40%)
- OKLCH
- oklch(0.638 0.069 195.6)
- OKLab
- oklab(0.638 -0.067 -0.019)
- CIE Lab
- lab(58.78 -22.52 -7.11)
- LCH
- lch(58.78 23.61 197.5)
- CMYK
- cmyk(44% 0% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 67A3A3
- 78ADAD
- 89B7B7
- 9AC1C1
- ABCBCB
- BCD6D5
- CCE0DF
- DDEAEA
- EEF5F4
Ombre
- 498484
- 3D7070
- 315D5D
- 264A4A
- 1C3838
- 112727
- 081717
- 020808
- 000101
Toni
- 5B9796
- 609494
- 659291
- 6A8F8F
- 6E8D8C
- 728A8A
- 768887
- 798585
- 7D8382
Armonie di colore
Complementare +180°
- 559999
Aquarius Reef Base
- B27B7E
≈ Taffeta Darling
Analogo -30° +30°
- 559999
Aquarius Reef Base
- 629982
≈ Succulent Green
- 5B95AC
≈ Blue Persia
Triadico +120° +240°
- 559999
Aquarius Reef Base
- 9C7FA9
≈ Lilac Intuition
- A4865B
≈ Rich Oak
Complementare divisa +150° +210°
- 559999
Aquarius Reef Base
- AB7B95
≈ Wonder Wish
- B07F68
≈ Cuddlepot
Tetradico +90° +180° +270°
- 559999
Aquarius Reef Base
- 8786B4
≈ Aster Purple
- B27B7E
≈ Taffeta Darling
- 918E5C
≈ Nick’s Nook
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.27:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.40:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--aquarius-reef-base: #559999;
--aquarius-reef-base-rgb: 85 153 153;
--aquarius-reef-base-oklch: oklch(0.638 0.069 195.6);
}
.element {
color: var(--aquarius-reef-base);
background-color: hsl(180 29% 47%);
border-color: oklch(0.638 0.069 195.6);
}Tailwind CSS v4
@theme {
--color-aquarius-reef-base: #559999;
--color-aquarius-reef-base-50: #dffcfc;
--color-aquarius-reef-base-100: #cef0f0;
--color-aquarius-reef-base-200: #b3dedf;
--color-aquarius-reef-base-300: #8ec3c4;
--color-aquarius-reef-base-400: #6cacab;
--color-aquarius-reef-base-500: #479595;
--color-aquarius-reef-base-600: #3e7e7e;
--color-aquarius-reef-base-700: #316565;
--color-aquarius-reef-base-800: #224a49;
--color-aquarius-reef-base-900: #173333;
--color-aquarius-reef-base-950: #071f1e;
}SCSS
$aquarius-reef-base: #559999;
$aquarius-reef-base-rgb: 85, 153, 153;
$aquarius-reef-base-light: mix(#fff, $aquarius-reef-base, 20%);
$aquarius-reef-base-dark: mix(#000, $aquarius-reef-base, 20%);
.element {
color: $aquarius-reef-base;
box-shadow: 0 0 0 2px rgba($aquarius-reef-base, 0.35);
}