Adlandırılmış renk · #74B7C1
Tibetan Stone
Tibetan Stone, #74B7C1: rgb(116 183 193), hsl(188 38% 61%), oklch(0.738 0.069 207.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Tibetan Stone color name →
#74B7C1
oklch(0.738 0.069 207.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 83BEC7
- 91C5CD
- 9FCCD3
- ADD4DA
- BBDBE0
- C8E2E6
- D6E9EC
- E4F1F2
- F1F8F9
Koyu tonlar
- 649FA7
- 54878F
- 457077
- 375A5F
- 294549
- 1B3134
- 0F1E20
- 050C0E
- 010202
Gri tonlar
- 76B1BA
- 78ACB4
- 7AA6AD
- 7CA1A7
- 7D9BA0
- 7E969A
- 7F9093
- 7F8B8D
- 808586
Renk uyumları
Tamamlayıcı +180°
- 74B7C1
Tibetan Stone
- D39A92
≈ Shanghai Peach
Analog -30° +30°
- 74B7C1
Tibetan Stone
- 79B9AA
≈ Sereni Teal
- 81B1D1
≈ Meadow Blossom Blue
Üçlü +120° +240°
- 74B7C1
Tibetan Stone
- C39BC1
≈ Lupine
- BDA878
≈ Dusted Olive
Bölünmüş tamamlayıcı +150° +210°
- 74B7C1
Tibetan Stone
- CF98AA
≈ Honey Pink
- CCA07F
≈ Arbol de Tamarindo
Dörtlü +90° +180° +270°
- 74B7C1
Tibetan Stone
- AFA1D1
≈ Milky Lavender
- D39A92
≈ Shanghai Peach
- A6B17F
≈ Fresh Guacamole
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.26:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.28:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.28:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
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);
}