Colore con nome · #0084A6
Tibetan Turquoise
Tibetan Turquoise è #0084A6: rgb(0 132 166), hsl(192 100% 33%), oklch(0.57 0.107 224.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Tibetan Turquoise color name →
#0084A6
oklch(0.57 0.107 224.2)
Conversioni di colore
- HEX
- #0084a6
- RGB
- rgb(0 132 166)
- HSL
- hsl(192 100% 33%)
- HWB
- hwb(192 0% 35%)
- OKLCH
- oklch(0.57 0.107 224.2)
- OKLab
- oklab(0.57 -0.077 -0.075)
- CIE Lab
- lab(50.51 -21.78 -27.22)
- LCH
- lch(50.51 34.86 231.3)
- CMYK
- cmyk(100% 20% 0% 35%)
Tinte · Ombre · Toni
Tinte
- 3490AF
- 509CB8
- 68A9C1
- 7EB5CA
- 94C1D3
- AACDDC
- BFDAE4
- D4E6ED
- EAF2F6
Ombre
- 007290
- 00607A
- 004F65
- 003F51
- 002F3E
- 00202B
- 00121A
- 00060A
- 000101
Toni
- 2484A2
- 36849F
- 43849B
- 4E8397
- 588394
- 618390
- 69828C
- 718188
- 798184
Armonie di colore
Complementare +180°
- 0084A6
Tibetan Turquoise
- AB6140
≈ Mars
Analogo -30° +30°
- 0084A6
Tibetan Turquoise
- 008988
≈ Green Moblin
- 4879B5
≈ Ashton Blue
Triadico +120° +240°
- 0084A6
Tibetan Turquoise
- A35C87
≈ Thimble Red
- 827A21
≈ Soft Fig
Complementare divisa +150° +210°
- 0084A6
Tibetan Turquoise
- AD5B64
≈ Redbud
- 9C6D21
≈ Cinnamon Brown
Tetradico +90° +180° +270°
- 0084A6
Tibetan Turquoise
- 8E63A3
≈ Empire Violet
- AB6140
≈ Mars
- 5C8541
≈ Shepherd’s Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.32:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.85:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--tibetan-turquoise: #0084a6;
--tibetan-turquoise-rgb: 0 132 166;
--tibetan-turquoise-oklch: oklch(0.57 0.107 224.2);
}
.element {
color: var(--tibetan-turquoise);
background-color: hsl(192 100% 33%);
border-color: oklch(0.57 0.107 224.2);
}Tailwind CSS v4
@theme {
--color-tibetan-turquoise: #0084a6;
--color-tibetan-turquoise-50: #d6fcff;
--color-tibetan-turquoise-100: #c3f0ff;
--color-tibetan-turquoise-200: #a3def8;
--color-tibetan-turquoise-300: #79c3e2;
--color-tibetan-turquoise-400: #4caccd;
--color-tibetan-turquoise-500: #0094bb;
--color-tibetan-turquoise-600: #087d9d;
--color-tibetan-turquoise-700: #09657e;
--color-tibetan-turquoise-800: #014a5d;
--color-tibetan-turquoise-900: #033341;
--color-tibetan-turquoise-950: #001f2a;
}SCSS
$tibetan-turquoise: #0084a6;
$tibetan-turquoise-rgb: 0, 132, 166;
$tibetan-turquoise-light: mix(#fff, $tibetan-turquoise, 20%);
$tibetan-turquoise-dark: mix(#000, $tibetan-turquoise, 20%);
.element {
color: $tibetan-turquoise;
box-shadow: 0 0 0 2px rgba($tibetan-turquoise, 0.35);
}