Warna bernama · #AFC1BF
Sea Glass
Sea Glass adalah #AFC1BF: rgb(175 193 191), hsl(173 13% 72%), oklch(0.797 0.02 188.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Sea Glass color name →
#AFC1BF
oklch(0.797 0.02 188.7)
Konversi warna
- HEX
- #afc1bf
- RGB
- rgb(175 193 191)
- HSL
- hsl(173 13% 72%)
- HWB
- hwb(173 69% 24%)
- OKLCH
- oklch(0.797 0.02 188.7)
- OKLab
- oklab(0.797 -0.02 -0.003)
- CIE Lab
- lab(76.63 -6.67 -1.21)
- LCH
- lch(76.63 6.78 190.2)
- CMYK
- cmyk(9% 0% 1% 24%)
Tint · Shade · Tone
Tint
- B7C7C5
- BFCDCC
- C7D3D2
- CED9D8
- D6E0DF
- DEE6E5
- E7ECEB
- EFF2F2
- F7F9F8
Shade
- 98A7A6
- 818F8D
- 6B7775
- 565F5E
- 414948
- 2E3433
- 1C201F
- 0B0E0D
- 010202
Tone
- AABAB8
- A5B4B2
- A1ADAC
- 9CA6A5
- 97A09F
- 939999
- 8E9392
- 898D8C
- 858686
Harmoni warna
Komplementer +180°
- AFC1BF
Sea Glass
- C9B8BA
≈ Iris Pink
Analog -30° +30°
- AFC1BF
Sea Glass
- B3C1B8
≈ April Thicket
- AFC0C5
≈ Artisan Blue
Triadik +120° +240°
- AFC1BF
Sea Glass
- C0B9C7
≈ Silverberry
- C5BBAF
≈ Sequoia Fog
Split-komplementer +150° +210°
- AFC1BF
Sea Glass
- C6B8C1
≈ Pocketful of Posies
- C9B9B3
≈ Smooth Pebbles
Tetradik +90° +180° +270°
- AFC1BF
Sea Glass
- B9BCCA
≈ Silverado Trail
- C9B8BA
≈ Iris Pink
- C0BDAF
≈ Sierra Madre
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.87:1 · APCA Lc 36
Ag
AAADi atas hitam
WCAG 11.20:1 · APCA Lc 67
Warna teks terbaik: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Cuplikan kode
CSS
:root {
--sea-glass: #afc1bf;
--sea-glass-rgb: 175 193 191;
--sea-glass-oklch: oklch(0.797 0.02 188.7);
}
.element {
color: var(--sea-glass);
background-color: hsl(173 13% 72%);
border-color: oklch(0.797 0.02 188.7);
}Tailwind CSS v4
@theme {
--color-sea-glass: #afc1bf;
--color-sea-glass-50: #eff7f6;
--color-sea-glass-100: #e1eae9;
--color-sea-glass-200: #cbd7d6;
--color-sea-glass-300: #acbbba;
--color-sea-glass-400: #92a2a1;
--color-sea-glass-500: #788b89;
--color-sea-glass-600: #667574;
--color-sea-glass-700: #515e5c;
--color-sea-glass-800: #3b4543;
--color-sea-glass-900: #282f2f;
--color-sea-glass-950: #161c1b;
}SCSS
$sea-glass: #afc1bf;
$sea-glass-rgb: 175, 193, 191;
$sea-glass-light: mix(#fff, $sea-glass, 20%);
$sea-glass-dark: mix(#000, $sea-glass, 20%);
.element {
color: $sea-glass;
box-shadow: 0 0 0 2px rgba($sea-glass, 0.35);
}