Nazwany kolor · #AFC1BF
Sea Glass
Sea Glass to #AFC1BF: rgb(175 193 191), hsl(173 13% 72%), oklch(0.797 0.02 188.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sea Glass color name →
#AFC1BF
oklch(0.797 0.02 188.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B7C7C5
- BFCDCC
- C7D3D2
- CED9D8
- D6E0DF
- DEE6E5
- E7ECEB
- EFF2F2
- F7F9F8
Odcienie ciemniejsze
- 98A7A6
- 818F8D
- 6B7775
- 565F5E
- 414948
- 2E3433
- 1C201F
- 0B0E0D
- 010202
Tony
- AABAB8
- A5B4B2
- A1ADAC
- 9CA6A5
- 97A09F
- 939999
- 8E9392
- 898D8C
- 858686
Harmonie kolorów
Komplementarna +180°
- AFC1BF
Sea Glass
- C9B8BA
≈ Iris Pink
Analogowa -30° +30°
- AFC1BF
Sea Glass
- B3C1B8
≈ April Thicket
- AFC0C5
≈ Artisan Blue
Triada +120° +240°
- AFC1BF
Sea Glass
- C0B9C7
≈ Silverberry
- C5BBAF
≈ Sequoia Fog
Komplementarna rozszczepiona +150° +210°
- AFC1BF
Sea Glass
- C6B8C1
≈ Pocketful of Posies
- C9B9B3
≈ Smooth Pebbles
Tetrada +90° +180° +270°
- AFC1BF
Sea Glass
- B9BCCA
≈ Silverado Trail
- C9B8BA
≈ Iris Pink
- C0BDAF
≈ Sierra Madre
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.87:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.20:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
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);
}