En yakın adlandırılmış renk · #81B5C1
#81B5C1
En yakın adlandırılmış renk: Glacier
#81B5C1 (rgb(129 181 193), hsl(191 34% 63%), oklch(0.741 0.057 213.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.
#81B5C1
oklch(0.741 0.057 213.6)
Renk dönüşümleri
- HEX
- #81b5c1
- RGB
- rgb(129 181 193)
- HSL
- hsl(191 34% 63%)
- HWB
- hwb(191 51% 24%)
- OKLCH
- oklch(0.741 0.057 213.6)
- OKLab
- oklab(0.741 -0.048 -0.032)
- CIE Lab
- lab(70.35 -15.52 -11.92)
- LCH
- lch(70.35 19.57 217.5)
- CMYK
- cmyk(33% 6% 0% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8EBCC7
- 9AC4CD
- A7CBD3
- B4D2DA
- C0DAE0
- CDE1E6
- D9E9EC
- E6F0F2
- F2F7F9
Koyu tonlar
- 6F9DA7
- 5E868F
- 4E6F77
- 3E595F
- 2E4449
- 1F3034
- 121D20
- 060C0E
- 010202
Gri tonlar
- 81B0BA
- 82AAB4
- 82A5AD
- 82A0A7
- 829AA0
- 82959A
- 829093
- 818A8D
- 818586
Renk uyumları
Tamamlayıcı +180°
- 81B5C1
Glacier
- CC9F94
≈ Musk
Analog -30° +30°
- 81B5C1
Glacier
- 82B7AF
≈ Winter Surf
- 8DB0CD
≈ Matte Blue
Üçlü +120° +240°
- 81B5C1
Glacier
- C29EBA
≈ Idyllic Pink
- B7AB82
≈ Tarragon Tease
Bölünmüş tamamlayıcı +150° +210°
- 81B5C1
Glacier
- CB9DA7
≈ Edwardian Rose
- C5A486
≈ Deer Valley
Dörtlü +90° +180° +270°
- 81B5C1
Glacier
- B2A3C9
≈ Berry Frappé
- CC9F94
≈ Musk
- A4B28A
≈ Haven
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.25:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.31:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--glacier: #81b5c1;
--glacier-rgb: 129 181 193;
--glacier-oklch: oklch(0.741 0.057 213.6);
}
.element {
color: var(--glacier);
background-color: hsl(191 34% 63%);
border-color: oklch(0.741 0.057 213.6);
}Tailwind CSS v4
@theme {
--color-glacier: #81b5c1;
--color-glacier-50: #e4faff;
--color-glacier-100: #d4edf4;
--color-glacier-200: #badbe4;
--color-glacier-300: #97bfca;
--color-glacier-400: #77a8b3;
--color-glacier-500: #57909d;
--color-glacier-600: #4a7a85;
--color-glacier-700: #3b626a;
--color-glacier-800: #2a484e;
--color-glacier-900: #1c3236;
--color-glacier-950: #0c1e21;
}SCSS
$glacier: #81b5c1;
$glacier-rgb: 129, 181, 193;
$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);
}