Adlandırılmış renk · #90C0C9
Witness
Witness, #90C0C9: rgb(144 192 201), hsl(189 35% 68%), oklch(0.777 0.052 210.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Witness color name →
#90C0C9
oklch(0.777 0.052 210.4)
Renk dönüşümleri
- HEX
- #90c0c9
- RGB
- rgb(144 192 201)
- HSL
- hsl(189 35% 68%)
- HWB
- hwb(189 56% 21%)
- OKLCH
- oklch(0.777 0.052 210.4)
- OKLab
- oklab(0.777 -0.045 -0.026)
- CIE Lab
- lab(74.53 -14.79 -9.96)
- LCH
- lch(74.53 17.83 213.9)
- CMYK
- cmyk(28% 4% 0% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9BC6CE
- A6CCD4
- B1D3D9
- BDD9DE
- C8DFE4
- D3E6E9
- DEECEF
- E9F2F4
- F4F9FA
Koyu tonlar
- 7DA7AE
- 6A8E95
- 57767C
- 455F64
- 34494C
- 243436
- 152022
- 070E0F
- 010202
Gri tonlar
- 8FB9C1
- 8EB3BA
- 8CACB3
- 8BA6AB
- 89A0A4
- 87999D
- 869395
- 848D8E
- 828687
Renk uyumları
Tamamlayıcı +180°
- 90C0C9
Witness
- D6ABA3
≈ Everything’s Rosy
Analog -30° +30°
- 90C0C9
Witness
- 92C2B8
≈ Focus Point
- 99BBD5
≈ Mångata
Üçlü +120° +240°
- 90C0C9
Witness
- CAABC6
≈ Winsome Orchid
- C3B691
≈ Withered Moss
Bölünmüş tamamlayıcı +150° +210°
- 90C0C9
Witness
- D4A9B5
≈ Sugarplum Dance
- D0AF95
≈ Beige Ganesh
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.98:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.56:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.56:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--witness: #90c0c9;
--witness-rgb: 144 192 201;
--witness-oklch: oklch(0.777 0.052 210.4);
}
.element {
color: var(--witness);
background-color: hsl(189 35% 68%);
border-color: oklch(0.777 0.052 210.4);
}Tailwind CSS v4
@theme {
--color-witness: #90c0c9;
--color-witness-50: #e5f9fe;
--color-witness-100: #d5edf2;
--color-witness-200: #bcdbe1;
--color-witness-300: #9abfc7;
--color-witness-400: #7ba7b0;
--color-witness-500: #5c9099;
--color-witness-600: #4e7a82;
--color-witness-700: #3e6168;
--color-witness-800: #2c484c;
--color-witness-900: #1e3235;
--color-witness-950: #0e1e20;
}SCSS
$witness: #90c0c9;
$witness-rgb: 144, 192, 201;
$witness-light: mix(#fff, $witness, 20%);
$witness-dark: mix(#000, $witness, 20%);
.element {
color: $witness;
box-shadow: 0 0 0 2px rgba($witness, 0.35);
}