Colore con nome · #3D9C96
Dreamy Teal
Dreamy Teal è #3D9C96: rgb(61 156 150), hsl(176 44% 43%), oklch(0.635 0.089 189.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Dreamy Teal color name →
#3D9C96
oklch(0.635 0.089 189.4)
Conversioni di colore
- HEX
- #3d9c96
- RGB
- rgb(61 156 150)
- HSL
- hsl(176 44% 43%)
- HWB
- hwb(176 24% 39%)
- OKLCH
- oklch(0.635 0.089 189.4)
- OKLab
- oklab(0.635 -0.088 -0.014)
- CIE Lab
- lab(58.71 -30.06 -5.64)
- LCH
- lch(58.71 30.59 190.6)
- CMYK
- cmyk(61% 0% 4% 39%)
Tinte · Ombre · Toni
Tinte
- 55A6A0
- 6AB0AA
- 7EB9B4
- 91C3BF
- A3CDC9
- B6D7D4
- C8E1DE
- DAEBE9
- EDF5F4
Ombre
- 348782
- 2B736E
- 225F5B
- 1A4C49
- 123937
- 0A2826
- 041816
- 010908
- 000101
Toni
- 489994
- 519792
- 59948F
- 60918D
- 668E8B
- 6C8C89
- 728987
- 778684
- 7C8382
Armonie di colore
Complementare +180°
- 3D9C96
Dreamy Teal
- B9747F
≈ Hollyhock Bloom
Analogo -30° +30°
- 3D9C96
Dreamy Teal
- 579B77
≈ Sea Cabbage
- 4297B0
≈ Alpine Lake
Triadico +120° +240°
- 3D9C96
Dreamy Teal
- 9B7CB4
≈ Plum Burst
- AE814C
≈ Bungalow Gold
Complementare divisa +150° +210°
- 3D9C96
Dreamy Teal
- AF759C
≈ So Long Shadow
- B97862
≈ Myrtle Pepper
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.28:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.39:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.39:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--dreamy-teal: #3d9c96;
--dreamy-teal-rgb: 61 156 150;
--dreamy-teal-oklch: oklch(0.635 0.089 189.4);
}
.element {
color: var(--dreamy-teal);
background-color: hsl(176 44% 43%);
border-color: oklch(0.635 0.089 189.4);
}Tailwind CSS v4
@theme {
--color-dreamy-teal: #3d9c96;
--color-dreamy-teal-50: #d9fefb;
--color-dreamy-teal-100: #c7f2ef;
--color-dreamy-teal-200: #a9e1dd;
--color-dreamy-teal-300: #80c6c2;
--color-dreamy-teal-400: #59afa9;
--color-dreamy-teal-500: #279992;
--color-dreamy-teal-600: #24817c;
--color-dreamy-teal-700: #1d6763;
--color-dreamy-teal-800: #134c48;
--color-dreamy-teal-900: #0d3532;
--color-dreamy-teal-950: #01201e;
}SCSS
$dreamy-teal: #3d9c96;
$dreamy-teal-rgb: 61, 156, 150;
$dreamy-teal-light: mix(#fff, $dreamy-teal, 20%);
$dreamy-teal-dark: mix(#000, $dreamy-teal, 20%);
.element {
color: $dreamy-teal;
box-shadow: 0 0 0 2px rgba($dreamy-teal, 0.35);
}