Colore con nome · #01968B
Lights at Sea
Lights at Sea è #01968B: rgb(1 150 139), hsl(176 99% 30%), oklch(0.606 0.106 185.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Lights at Sea color name →
#01968B
oklch(0.606 0.106 185.7)
Conversioni di colore
- HEX
- #01968b
- RGB
- rgb(1 150 139)
- HSL
- hsl(176 99% 30%)
- HWB
- hwb(176 0% 41%)
- OKLCH
- oklch(0.606 0.106 185.7)
- OKLab
- oklab(0.606 -0.106 -0.011)
- CIE Lab
- lab(55.52 -36.68 -4.23)
- LCH
- lch(55.52 36.92 186.6)
- CMYK
- cmyk(99% 0% 7% 41%)
Tinte · Ombre · Toni
Tinte
- 38A096
- 55ABA1
- 6DB5AC
- 83C0B8
- 98CAC3
- ADD5CF
- C2DFDB
- D6EAE7
- EBF4F3
Ombre
- 018278
- 016E66
- 005B54
- 004943
- 003732
- 002623
- 001614
- 000807
- 000101
Toni
- 28948A
- 3A9289
- 479088
- 528E87
- 5C8C85
- 648984
- 6C8783
- 738582
- 7A8281
Armonie di colore
Complementare +180°
- 01968B
Lights at Sea
- B76578
≈ Slate Rose
Analogo -30° +30°
- 01968B
Lights at Sea
- 459566
≈ Illuminati Green
- 0891AA
≈ Cape Pond
Triadico +120° +240°
- 01968B
Lights at Sea
- 9171B4
≈ Violet Frog
- AD7435
≈ Enchanting Ginger
Complementare divisa +150° +210°
- 01968B
Lights at Sea
- A9689A
≈ Violetta
- B86954
≈ Autumn Ivy
Tetradico +90° +180° +270°
- 01968B
Lights at Sea
- 707CC1
≈ Persian Jewel
- B76578
≈ Slate Rose
- 95812B
≈ Jungle Palm
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.66:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.73:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.73:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--lights-at-sea: #01968b;
--lights-at-sea-rgb: 1 150 139;
--lights-at-sea-oklch: oklch(0.606 0.106 185.7);
}
.element {
color: var(--lights-at-sea);
background-color: hsl(176 99% 30%);
border-color: oklch(0.606 0.106 185.7);
}Tailwind CSS v4
@theme {
--color-lights-at-sea: #01968b;
--color-lights-at-sea-50: #d4fffb;
--color-lights-at-sea-100: #c0f4ee;
--color-lights-at-sea-200: #9fe3dc;
--color-lights-at-sea-300: #73c9c1;
--color-lights-at-sea-400: #44b3a7;
--color-lights-at-sea-500: #009c90;
--color-lights-at-sea-600: #00847a;
--color-lights-at-sea-700: #006a62;
--color-lights-at-sea-800: #004e46;
--color-lights-at-sea-900: #003631;
--color-lights-at-sea-950: #00211d;
}SCSS
$lights-at-sea: #01968b;
$lights-at-sea-rgb: 1, 150, 139;
$lights-at-sea-light: mix(#fff, $lights-at-sea, 20%);
$lights-at-sea-dark: mix(#000, $lights-at-sea, 20%);
.element {
color: $lights-at-sea;
box-shadow: 0 0 0 2px rgba($lights-at-sea, 0.35);
}