En yakın adlandırılmış renk · #7BB4C6
#7BB4C6
En yakın adlandırılmış renk: Glacier
#7BB4C6 (rgb(123 180 198), hsl(194 40% 63%), oklch(0.737 0.065 219.6)) en çok Glacier 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.
#7BB4C6
oklch(0.737 0.065 219.6)
Renk dönüşümleri
- HEX
- #7bb4c6
- RGB
- rgb(123 180 198)
- HSL
- hsl(194 40% 63%)
- HWB
- hwb(194 48% 22%)
- OKLCH
- oklch(0.737 0.065 219.6)
- OKLab
- oklab(0.737 -0.05 -0.041)
- CIE Lab
- lab(69.86 -15.83 -15.41)
- LCH
- lch(69.86 22.09 224.2)
- CMYK
- cmyk(38% 9% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 89BBCC
- 96C3D1
- A3CAD7
- B0D2DD
- BDD9E2
- CAE1E8
- D8E8EE
- E5F0F4
- F2F7F9
Koyu tonlar
- 6A9CAC
- 5A8592
- 4A6E7A
- 3A5862
- 2C444B
- 1E3035
- 101D21
- 050C0E
- 010202
Gri tonlar
- 7CAFBF
- 7DAAB8
- 7EA4B1
- 7F9FAA
- 7F9AA3
- 80959C
- 809095
- 808A8E
- 808587
Renk uyumları
Tamamlayıcı +180°
- 7BB4C6
Glacier
- CE9D8C
≈ Artefact
Analog -30° +30°
- 7BB4C6
Glacier
- 79B7B3
≈ Kingfisher Turquoise
- 8BAED2
≈ Mini Bay
Üçlü +120° +240°
- 7BB4C6
Glacier
- C69AB7
≈ Morning Glory Pink
- B3AB7C
≈ Even Growth
Bölünmüş tamamlayıcı +150° +210°
- 7BB4C6
Glacier
- CF99A1
≈ Cooing Doves
- C5A37E
≈ Almandine
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.28:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.18:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--glacier: #7bb4c6;
--glacier-rgb: 123 180 198;
--glacier-oklch: oklch(0.737 0.065 219.6);
}
.element {
color: var(--glacier);
background-color: hsl(194 40% 63%);
border-color: oklch(0.737 0.065 219.6);
}Tailwind CSS v4
@theme {
--color-glacier: #7bb4c6;
--color-glacier-50: #e2faff;
--color-glacier-100: #d2edf7;
--color-glacier-200: #b7dbe8;
--color-glacier-300: #93c0cf;
--color-glacier-400: #72a8b9;
--color-glacier-500: #5190a4;
--color-glacier-600: #467a8a;
--color-glacier-700: #37626f;
--color-glacier-800: #274851;
--color-glacier-900: #1a3239;
--color-glacier-950: #0a1e23;
}SCSS
$glacier: #7bb4c6;
$glacier-rgb: 123, 180, 198;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}