Colore con nome · #74B7C1
Tibetan Stone
Tibetan Stone è #74B7C1: rgb(116 183 193), hsl(188 38% 61%), oklch(0.738 0.069 207.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Tibetan Stone color name →
#74B7C1
oklch(0.738 0.069 207.8)
Conversioni di colore
- HEX
- #74b7c1
- RGB
- rgb(116 183 193)
- HSL
- hsl(188 38% 61%)
- HWB
- hwb(188 45% 24%)
- OKLCH
- oklch(0.738 0.069 207.8)
- OKLab
- oklab(0.738 -0.061 -0.032)
- CIE Lab
- lab(70.22 -20.21 -12.19)
- LCH
- lch(70.22 23.6 211.1)
- CMYK
- cmyk(40% 5% 0% 24%)
Tinte · Ombre · Toni
Tinte
- 83BEC7
- 91C5CD
- 9FCCD3
- ADD4DA
- BBDBE0
- C8E2E6
- D6E9EC
- E4F1F2
- F1F8F9
Ombre
- 649FA7
- 54878F
- 457077
- 375A5F
- 294549
- 1B3134
- 0F1E20
- 050C0E
- 010202
Toni
- 76B1BA
- 78ACB4
- 7AA6AD
- 7CA1A7
- 7D9BA0
- 7E969A
- 7F9093
- 7F8B8D
- 808586
Armonie di colore
Complementare +180°
- 74B7C1
Tibetan Stone
- D39A92
≈ Shanghai Peach
Analogo -30° +30°
- 74B7C1
Tibetan Stone
- 79B9AA
≈ Sereni Teal
- 81B1D1
≈ Meadow Blossom Blue
Triadico +120° +240°
- 74B7C1
Tibetan Stone
- C39BC1
≈ Lupine
- BDA878
≈ Dusted Olive
Complementare divisa +150° +210°
- 74B7C1
Tibetan Stone
- CF98AA
≈ Honey Pink
- CCA07F
≈ Arbol de Tamarindo
Tetradico +90° +180° +270°
- 74B7C1
Tibetan Stone
- AFA1D1
≈ Milky Lavender
- D39A92
≈ Shanghai Peach
- A6B17F
≈ Fresh Guacamole
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.26:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.28:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.28:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--tibetan-stone: #74b7c1;
--tibetan-stone-rgb: 116 183 193;
--tibetan-stone-oklch: oklch(0.738 0.069 207.8);
}
.element {
color: var(--tibetan-stone);
background-color: hsl(188 38% 61%);
border-color: oklch(0.738 0.069 207.8);
}Tailwind CSS v4
@theme {
--color-tibetan-stone: #74b7c1;
--color-tibetan-stone-50: #dffbff;
--color-tibetan-stone-100: #ceeff5;
--color-tibetan-stone-200: #b3dde5;
--color-tibetan-stone-300: #8ec2cb;
--color-tibetan-stone-400: #6baab4;
--color-tibetan-stone-500: #47939e;
--color-tibetan-stone-600: #3e7c86;
--color-tibetan-stone-700: #31646b;
--color-tibetan-stone-800: #22494e;
--color-tibetan-stone-900: #173336;
--color-tibetan-stone-950: #071e21;
}SCSS
$tibetan-stone: #74b7c1;
$tibetan-stone-rgb: 116, 183, 193;
$tibetan-stone-light: mix(#fff, $tibetan-stone, 20%);
$tibetan-stone-dark: mix(#000, $tibetan-stone, 20%);
.element {
color: $tibetan-stone;
box-shadow: 0 0 0 2px rgba($tibetan-stone, 0.35);
}