Couleur nommée · #A9C095
Seawashed Glass
Seawashed Glass correspond à #A9C095 : rgb(169 192 149), hsl(92 25% 67%), oklch(0.779 0.064 130.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Seawashed Glass color name →
#A9C095
oklch(0.779 0.064 130.7)
Conversions de couleur
- HEX
- #a9c095
- RGB
- rgb(169 192 149)
- HSL
- hsl(92 25% 67%)
- HWB
- hwb(92 58% 25%)
- OKLCH
- oklch(0.779 0.064 130.7)
- OKLab
- oklab(0.779 -0.042 0.049)
- CIE Lab
- lab(75.1 -13.96 19.02)
- LCH
- lch(75.1 23.59 126.3)
- CMYK
- cmyk(12% 0% 22% 25%)
Teintes · Ombres · Tons
Teintes
- B1C69F
- BACCAA
- C2D3B4
- CBD9BF
- D3DFC9
- DCE6D4
- E5ECDF
- EDF2E9
- F6F9F4
Ombres
- 92A781
- 7C8E6D
- 67765A
- 535F48
- 3F4937
- 2C3426
- 1B2016
- 0A0E08
- 010201
Tons
- A5B993
- A1B391
- 9DAC8F
- 98A68D
- 94A08B
- 909989
- 8C9387
- 888D84
- 848682
Harmonies de couleurs
Complémentaire +180°
- A9C095
Seawashed Glass
- C4ACD6
≈ Purple Gala
Analogue -30° +30°
- A9C095
Seawashed Glass
- C0B989
≈ Baby Bok Choy
- 93C4AA
≈ Spearmint Frosting
Triadique +120° +240°
- A9C095
Seawashed Glass
- 99BBDF
≈ Rainy Week
- DDA7AD
≈ Prom
Complémentaire divisée +150° +210°
- A9C095
Seawashed Glass
- AFB3E0
≈ Beloved
- D4A7C4
≈ Heart to Heart
Tétradique +90° +180° +270°
- A9C095
Seawashed Glass
- 89C1D4
≈ Dreaming Blue
- C4ACD6
≈ Purple Gala
- DCAA98
≈ Perrigloss Tan
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.96:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.66:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.66:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--seawashed-glass: #a9c095;
--seawashed-glass-rgb: 169 192 149;
--seawashed-glass-oklch: oklch(0.779 0.064 130.7);
}
.element {
color: var(--seawashed-glass);
background-color: hsl(92 25% 67%);
border-color: oklch(0.779 0.064 130.7);
}Tailwind CSS v4
@theme {
--color-seawashed-glass: #a9c095;
--color-seawashed-glass-50: #eef9e7;
--color-seawashed-glass-100: #e0edd7;
--color-seawashed-glass-200: #cadbbf;
--color-seawashed-glass-300: #abbf9d;
--color-seawashed-glass-400: #91a77f;
--color-seawashed-glass-500: #778f62;
--color-seawashed-glass-600: #657953;
--color-seawashed-glass-700: #516142;
--color-seawashed-glass-800: #3c472f;
--color-seawashed-glass-900: #293120;
--color-seawashed-glass-950: #171d0f;
}SCSS
$seawashed-glass: #a9c095;
$seawashed-glass-rgb: 169, 192, 149;
$seawashed-glass-light: mix(#fff, $seawashed-glass, 20%);
$seawashed-glass-dark: mix(#000, $seawashed-glass, 20%);
.element {
color: $seawashed-glass;
box-shadow: 0 0 0 2px rgba($seawashed-glass, 0.35);
}