Colore con nome · #8DD8E7
Tanager Turquoise
Tanager Turquoise è #8DD8E7: rgb(141 216 231), hsl(190 65% 73%), oklch(0.838 0.077 211.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Tanager Turquoise color name →
#8DD8E7
oklch(0.838 0.077 211.6)
Conversioni di colore
- HEX
- #8dd8e7
- RGB
- rgb(141 216 231)
- HSL
- hsl(190 65% 73%)
- HWB
- hwb(190 55% 9%)
- OKLCH
- oklch(0.838 0.077 211.6)
- OKLab
- oklab(0.838 -0.066 -0.04)
- CIE Lab
- lab(81.84 -21.38 -15.17)
- LCH
- lch(81.84 26.21 215.4)
- CMYK
- cmyk(39% 6% 0% 9%)
Tinte · Ombre · Toni
Tinte
- 99DCE9
- A6E0EC
- B1E4EE
- BDE8F1
- C8ECF3
- D3F0F6
- DEF4F8
- E9F7FA
- F4FBFD
Ombre
- 7ABCC9
- 67A0AB
- 55858F
- 446B73
- 335359
- 233B40
- 142528
- 071113
- 010203
Toni
- 8DCFDC
- 8CC6D2
- 8BBDC7
- 8AB4BD
- 89ABB2
- 88A2A8
- 869A9E
- 849194
- 82898A
Armonie di colore
Complementare +180°
- 8DD8E7
Tanager Turquoise
- F8B8AB
≈ Pink Mimosa
Analogo -30° +30°
- 8DD8E7
Tanager Turquoise
- 90DBCD
≈ Bambino
- 9DD1F8
≈ Long Island Sound
Triadico +120° +240°
- 8DD8E7
Tanager Turquoise
- E8B8E1
≈ Pink Drink
- DCC990
≈ Asparagus Yellow
Complementare divisa +150° +210°
- 8DD8E7
Tanager Turquoise
- F6B6C6
≈ Love Spell
- EFBF97
≈ Word of Mouth
Tetradico +90° +180° +270°
- 8DD8E7
Tanager Turquoise
- D3BFF5
≈ Connecticut Lilac
- F8B8AB
≈ Pink Mimosa
- C2D29A
≈ Cricket Field
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.10:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--tanager-turquoise: #8dd8e7;
--tanager-turquoise-rgb: 141 216 231;
--tanager-turquoise-oklch: oklch(0.838 0.077 211.6);
}
.element {
color: var(--tanager-turquoise);
background-color: hsl(190 65% 73%);
border-color: oklch(0.838 0.077 211.6);
}Tailwind CSS v4
@theme {
--color-tanager-turquoise: #8dd8e7;
--color-tanager-turquoise-50: #ddfbff;
--color-tanager-turquoise-100: #cceff8;
--color-tanager-turquoise-200: #afdde8;
--color-tanager-turquoise-300: #89c2cf;
--color-tanager-turquoise-400: #65abb9;
--color-tanager-turquoise-500: #3e94a4;
--color-tanager-turquoise-600: #367d8a;
--color-tanager-turquoise-700: #2b646f;
--color-tanager-turquoise-800: #1d4a51;
--color-tanager-turquoise-900: #133338;
--color-tanager-turquoise-950: #051f23;
}SCSS
$tanager-turquoise: #8dd8e7;
$tanager-turquoise-rgb: 141, 216, 231;
$tanager-turquoise-light: mix(#fff, $tanager-turquoise, 20%);
$tanager-turquoise-dark: mix(#000, $tanager-turquoise, 20%);
.element {
color: $tanager-turquoise;
box-shadow: 0 0 0 2px rgba($tanager-turquoise, 0.35);
}