En yakın adlandırılmış renk · #81C6B0
#81C6B0
En yakın adlandırılmış renk: Bevelled Glass
#81C6B0 (rgb(129 198 176), hsl(161 38% 64%), oklch(0.774 0.077 172.1)) en çok Bevelled Glass 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.
#81C6B0
oklch(0.774 0.077 172.1)
Renk dönüşümleri
- HEX
- #81c6b0
- RGB
- rgb(129 198 176)
- HSL
- hsl(161 38% 64%)
- HWB
- hwb(161 51% 22%)
- OKLCH
- oklch(0.774 0.077 172.1)
- OKLab
- oklab(0.774 -0.076 0.011)
- CIE Lab
- lab(74.82 -26.41 3.8)
- LCH
- lch(74.82 26.69 171.8)
- CMYK
- cmyk(35% 0% 11% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8ECCB8
- 9BD1BF
- A8D7C7
- B5DDCF
- C1E3D7
- CEE8DF
- DAEEE7
- E6F4EF
- F3F9F7
Koyu tonlar
- 6FAC99
- 5E9282
- 4E7A6C
- 3E6256
- 2E4B42
- 1F352E
- 12211C
- 060E0B
- 010201
Gri tonlar
- 82BFAB
- 82B8A6
- 83B1A1
- 83AA9C
- 83A398
- 839C93
- 82958E
- 828E89
- 818785
Renk uyumları
Tamamlayıcı +180°
- 81C6B0
Bevelled Glass
- DDA2BB
≈ Pink Gin
Analog -30° +30°
- 81C6B0
Bevelled Glass
- 9AC395
≈ Velvet Leaf
- 77C5CB
≈ Wavelet
Üçlü +120° +240°
- 81C6B0
Bevelled Glass
- B6ADE3
≈ Maximum Blue Purple
- DEA888
≈ Almost Apricot
Bölünmüş tamamlayıcı +150° +210°
- 81C6B0
Bevelled Glass
- CDA6D3
≈ Graceful Garden
- E3A29F
≈ Bussell Lace
Dörtlü +90° +180° +270°
- 81C6B0
Bevelled Glass
- 9BB6E7
≈ Honest
- DDA2BB
≈ Pink Gin
- CEB17D
≈ Fawn
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.97:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.63:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.63:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--bevelled-glass: #81c6b0;
--bevelled-glass-rgb: 129 198 176;
--bevelled-glass-oklch: oklch(0.774 0.077 172.1);
}
.element {
color: var(--bevelled-glass);
background-color: hsl(161 38% 64%);
border-color: oklch(0.774 0.077 172.1);
}Tailwind CSS v4
@theme {
--color-bevelled-glass: #81c6b0;
--color-bevelled-glass-50: #e0fdf3;
--color-bevelled-glass-100: #cff1e6;
--color-bevelled-glass-200: #b3e0d2;
--color-bevelled-glass-300: #8ec5b4;
--color-bevelled-glass-400: #6dae99;
--color-bevelled-glass-500: #4a9780;
--color-bevelled-glass-600: #3f806d;
--color-bevelled-glass-700: #326657;
--color-bevelled-glass-800: #244b3e;
--color-bevelled-glass-900: #18342b;
--color-bevelled-glass-950: #081f18;
}SCSS
$bevelled-glass: #81c6b0;
$bevelled-glass-rgb: 129, 198, 176;
$bevelled-glass-light: mix(#fff, $bevelled-glass, 20%);
$bevelled-glass-dark: mix(#000, $bevelled-glass, 20%);
.element {
color: $bevelled-glass;
box-shadow: 0 0 0 2px rgba($bevelled-glass, 0.35);
}