En yakın adlandırılmış renk · #7EB0BC
#7EB0BC
En yakın adlandırılmış renk: Glacier
#7EB0BC (rgb(126 176 188), hsl(192 32% 62%), oklch(0.726 0.056 214.2)) 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.
#7EB0BC
oklch(0.726 0.056 214.2)
Renk dönüşümleri
- HEX
- #7eb0bc
- RGB
- rgb(126 176 188)
- HSL
- hsl(192 32% 62%)
- HWB
- hwb(192 49% 26%)
- OKLCH
- oklch(0.726 0.056 214.2)
- OKLab
- oklab(0.726 -0.046 -0.031)
- CIE Lab
- lab(68.62 -14.94 -11.77)
- LCH
- lch(68.62 19.02 218.2)
- CMYK
- cmyk(33% 6% 0% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8BB8C3
- 98C0C9
- A5C7D0
- B2CFD7
- BED7DD
- CBDFE4
- D8E7EB
- E5EFF1
- F2F7F8
Koyu tonlar
- 6D99A3
- 5C828B
- 4C6C73
- 3C565D
- 2D4247
- 1F2E32
- 111C1F
- 050B0D
- 010102
Gri tonlar
- 7FABB6
- 7FA6B0
- 80A1AA
- 809DA4
- 80989E
- 819398
- 818E92
- 818A8C
- 808586
Renk uyumları
Tamamlayıcı +180°
- 7EB0BC
Glacier
- C79B90
≈ Calliope
Analog -30° +30°
- 7EB0BC
Glacier
- 7FB2AA
≈ Melodious
- 89ABC7
≈ Colorado Springs
Üçlü +120° +240°
- 7EB0BC
Glacier
- BD9AB5
≈ Cherished
- B2A67F
≈ Sedia
Bölünmüş tamamlayıcı +150° +210°
- 7EB0BC
Glacier
- C698A2
≈ Rose Meadow
- C0A082
≈ Milano
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.38:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.82:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--glacier: #7eb0bc;
--glacier-rgb: 126 176 188;
--glacier-oklch: oklch(0.726 0.056 214.2);
}
.element {
color: var(--glacier);
background-color: hsl(192 32% 62%);
border-color: oklch(0.726 0.056 214.2);
}Tailwind CSS v4
@theme {
--color-glacier: #7eb0bc;
--color-glacier-50: #e4faff;
--color-glacier-100: #d4edf4;
--color-glacier-200: #bbdbe4;
--color-glacier-300: #98bfca;
--color-glacier-400: #78a7b3;
--color-glacier-500: #59909d;
--color-glacier-600: #4c7a85;
--color-glacier-700: #3c616a;
--color-glacier-800: #2b484e;
--color-glacier-900: #1d3236;
--color-glacier-950: #0d1e21;
}SCSS
$glacier: #7eb0bc;
$glacier-rgb: 126, 176, 188;
$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);
}