Colore con nome · #8BD3C6
Green Daze
Green Daze è #8BD3C6: rgb(139 211 198), hsl(169 45% 69%), oklch(0.816 0.075 181.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Green Daze color name →
#8BD3C6
oklch(0.816 0.075 181.8)
Conversioni di colore
- HEX
- #8bd3c6
- RGB
- rgb(139 211 198)
- HSL
- hsl(169 45% 69%)
- HWB
- hwb(169 55% 17%)
- OKLCH
- oklch(0.816 0.075 181.8)
- OKLab
- oklab(0.816 -0.075 -0.002)
- CIE Lab
- lab(79.54 -25.63 -1.08)
- LCH
- lch(79.54 25.65 182.4)
- CMYK
- cmyk(34% 0% 6% 17%)
Tinte · Ombre · Toni
Tinte
- 97D7CC
- A4DCD1
- AFE0D7
- BBE5DC
- C7E9E2
- D2EEE8
- DDF2EE
- E9F6F3
- F4FBF9
Ombre
- 78B7AC
- 669C92
- 54827A
- 436962
- 32514B
- 233A35
- 142421
- 07100E
- 010202
Toni
- 8BCABF
- 8AC2B8
- 8ABAB0
- 89B1A9
- 88A9A2
- 87A19B
- 859894
- 84908E
- 828887
Armonie di colore
Complementare +180°
- 8BD3C6
Green Daze
- EDAFBF
≈ Fallen Blossoms
Analogo -30° +30°
- 8BD3C6
Green Daze
- 9FD1AB
≈ Chinook
- 88D0DF
≈ Bluish Water
Triadico +120° +240°
- 8BD3C6
Green Daze
- CBB8EC
≈ Connecticut Lilac
- E6B891
≈ Southern Peach
Complementare divisa +150° +210°
- 8BD3C6
Green Daze
- E0B1D9
≈ Bff
- EFB2A5
≈ Lusty Salmon
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.23:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--green-daze: #8bd3c6;
--green-daze-rgb: 139 211 198;
--green-daze-oklch: oklch(0.816 0.075 181.8);
}
.element {
color: var(--green-daze);
background-color: hsl(169 45% 69%);
border-color: oklch(0.816 0.075 181.8);
}Tailwind CSS v4
@theme {
--color-green-daze: #8bd3c6;
--color-green-daze-50: #dffdf7;
--color-green-daze-100: #cef1ea;
--color-green-daze-200: #b2dfd8;
--color-green-daze-300: #8cc4bb;
--color-green-daze-400: #6aada1;
--color-green-daze-500: #45968a;
--color-green-daze-600: #3c7f74;
--color-green-daze-700: #30665d;
--color-green-daze-800: #224b43;
--color-green-daze-900: #16342e;
--color-green-daze-950: #071f1b;
}SCSS
$green-daze: #8bd3c6;
$green-daze-rgb: 139, 211, 198;
$green-daze-light: mix(#fff, $green-daze, 20%);
$green-daze-dark: mix(#000, $green-daze, 20%);
.element {
color: $green-daze;
box-shadow: 0 0 0 2px rgba($green-daze, 0.35);
}