Colore con nome · #6BB1B4
Dexter
Dexter è #6BB1B4: rgb(107 177 180), hsl(182 33% 56%), oklch(0.715 0.071 199.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Dexter color name →
#6BB1B4
oklch(0.715 0.071 199.2)
Conversioni di colore
- HEX
- #6bb1b4
- RGB
- rgb(107 177 180)
- HSL
- hsl(182 33% 56%)
- HWB
- hwb(182 42% 29%)
- OKLCH
- oklch(0.715 0.071 199.2)
- OKLab
- oklab(0.715 -0.067 -0.023)
- CIE Lab
- lab(67.69 -22.42 -8.88)
- LCH
- lch(67.69 24.11 201.6)
- CMYK
- cmyk(41% 2% 0% 29%)
Tinte · Ombre · Toni
Tinte
- 7BB9BB
- 8AC0C3
- 99C8CA
- A8D0D2
- B6D8D9
- C5E0E1
- D3E7E8
- E2EFF0
- F0F7F7
Ombre
- 5C999C
- 4E8385
- 3F6C6E
- 325758
- 254244
- 182F30
- 0D1C1D
- 040C0C
- 000102
Toni
- 6EACAF
- 71A7A9
- 74A2A4
- 779D9F
- 79989A
- 7B9494
- 7C8F8F
- 7E8A8A
- 7F8585
Armonie di colore
Complementare +180°
- 6BB1B4
Dexter
- CC9291
≈ Tongue
Analogo -30° +30°
- 6BB1B4
Dexter
- 76B29C
≈ Beau Monde
- 73ACC7
≈ Moonstone Blue
Triadico +120° +240°
- 6BB1B4
Dexter
- B795C0
≈ Sheer Lilac
- BB9E70
≈ Gould Gold
Complementare divisa +150° +210°
- 6BB1B4
Dexter
- C691AA
≈ Bonny Belle
- C8977C
≈ Chinook Salmon
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.44:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.57:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--dexter: #6bb1b4;
--dexter-rgb: 107 177 180;
--dexter-oklch: oklch(0.715 0.071 199.2);
}
.element {
color: var(--dexter);
background-color: hsl(182 33% 56%);
border-color: oklch(0.715 0.071 199.2);
}Tailwind CSS v4
@theme {
--color-dexter: #6bb1b4;
--color-dexter-50: #dffcfe;
--color-dexter-100: #ceeff2;
--color-dexter-200: #b2dee1;
--color-dexter-300: #8cc3c6;
--color-dexter-400: #6aacae;
--color-dexter-500: #459498;
--color-dexter-600: #3c7e80;
--color-dexter-700: #2f6567;
--color-dexter-800: #214a4b;
--color-dexter-900: #163334;
--color-dexter-950: #071f1f;
}SCSS
$dexter: #6bb1b4;
$dexter-rgb: 107, 177, 180;
$dexter-light: mix(#fff, $dexter, 20%);
$dexter-dark: mix(#000, $dexter, 20%);
.element {
color: $dexter;
box-shadow: 0 0 0 2px rgba($dexter, 0.35);
}