En yakın adlandırılmış renk · #90B4C0
#90B4C0
En yakın adlandırılmış renk: Crystal Lake
#90B4C0 (rgb(144 180 192), hsl(195 28% 66%), oklch(0.747 0.043 220.1)) en çok Crystal Lake adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#90B4C0
oklch(0.747 0.043 220.1)
Renk dönüşümleri
- HEX
- #90b4c0
- RGB
- rgb(144 180 192)
- HSL
- hsl(195 28% 66%)
- HWB
- hwb(195 56% 25%)
- OKLCH
- oklch(0.747 0.043 220.1)
- OKLab
- oklab(0.747 -0.033 -0.027)
- CIE Lab
- lab(70.95 -10.55 -10.35)
- LCH
- lch(70.95 14.78 224.5)
- CMYK
- cmyk(25% 6% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9BBBC6
- A6C3CC
- B1CAD3
- BCD2D9
- C7D9DF
- D2E1E6
- DDE8EC
- E8F0F2
- F4F7F9
Koyu tonlar
- 7D9CA7
- 6A858E
- 576E76
- 45585F
- 344449
- 243034
- 151D20
- 070C0E
- 010202
Gri tonlar
- 8FAFB9
- 8DA9B3
- 8CA4AC
- 8A9FA6
- 899AA0
- 879599
- 858F93
- 848A8C
- 828586
Renk uyumları
Tamamlayıcı +180°
- 90B4C0
Crystal Lake
- C6A599
≈ Rose Bisque
Analog -30° +30°
- 90B4C0
Crystal Lake
- 8FB6B3
≈ Artful Aqua
- 99B0C8
≈ Porcelain Vase
Üçlü +120° +240°
- 90B4C0
Crystal Lake
- C1A3B6
≈ Blackberry Sorbet
- B3AE90
≈ Soothing Sage
Bölünmüş tamamlayıcı +150° +210°
- 90B4C0
Crystal Lake
- C6A3A7
≈ Pale Mauve
- BFA991
≈ Wetland Clay
Dörtlü +90° +180° +270°
- 90B4C0
Crystal Lake
- B5A6C2
≈ Transparent Mauve
- C6A599
≈ Rose Bisque
- A4B397
≈ Banksia
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.21:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.47:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--crystal-lake: #90b4c0;
--crystal-lake-rgb: 144 180 192;
--crystal-lake-oklch: oklch(0.747 0.043 220.1);
}
.element {
color: var(--crystal-lake);
background-color: hsl(195 28% 66%);
border-color: oklch(0.747 0.043 220.1);
}Tailwind CSS v4
@theme {
--color-crystal-lake: #90b4c0;
--color-crystal-lake-50: #e9f8fe;
--color-crystal-lake-100: #d9ebf2;
--color-crystal-lake-200: #c1d9e1;
--color-crystal-lake-300: #a1bdc7;
--color-crystal-lake-400: #83a5b0;
--color-crystal-lake-500: #678d9a;
--color-crystal-lake-600: #577782;
--color-crystal-lake-700: #456068;
--color-crystal-lake-800: #32464c;
--color-crystal-lake-900: #223135;
--color-crystal-lake-950: #111d20;
}SCSS
$crystal-lake: #90b4c0;
$crystal-lake-rgb: 144, 180, 192;
$crystal-lake-light: mix(#fff, $crystal-lake, 20%);
$crystal-lake-dark: mix(#000, $crystal-lake, 20%);
.element {
color: $crystal-lake;
box-shadow: 0 0 0 2px rgba($crystal-lake, 0.35);
}