Colore con nome · #A89A8C
Warm Waterlogged Lab Coat
Warm Waterlogged Lab Coat è #A89A8C: rgb(168 154 140), hsl(30 14% 60%), oklch(0.694 0.026 67.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Warm Waterlogged Lab Coat color name →
#A89A8C
oklch(0.694 0.026 67.4)
Conversioni di colore
- HEX
- #a89a8c
- RGB
- rgb(168 154 140)
- HSL
- hsl(30 14% 60%)
- HWB
- hwb(30 55% 34%)
- OKLCH
- oklch(0.694 0.026 67.4)
- OKLab
- oklab(0.694 0.01 0.024)
- CIE Lab
- lab(64.54 3.55 9.34)
- LCH
- lch(64.54 9.99 69.2)
- CMYK
- cmyk(0% 8% 17% 34%)
Tinte · Ombre · Toni
Tinte
- B0A497
- B9ADA2
- C1B7AD
- CAC1B9
- D3CBC4
- DCD6D0
- E4E0DB
- EDEAE7
- F6F5F3
Ombre
- 928579
- 7C7167
- 675E55
- 524B43
- 3F3933
- 2C2723
- 1A1714
- 0A0907
- 010101
Toni
- A4978B
- A0958A
- 9C9288
- 989087
- 948D86
- 908A85
- 8C8884
- 888582
- 848381
Armonie di colore
Complementare +180°
- A89A8C
Warm Waterlogged Lab Coat
- 909FAC
≈ Frilled Shark
Analogo -30° +30°
- A89A8C
Warm Waterlogged Lab Coat
- AC9891
≈ Monkeypod
- A19D8B
≈ Sacred Vortex
Triadico +120° +240°
- A89A8C
Warm Waterlogged Lab Coat
- 8BA29F
≈ October Sky
- A199AA
≈ Lavender Aura
Complementare divisa +150° +210°
- A89A8C
Warm Waterlogged Lab Coat
- 8BA1A7
≈ Iron Earth
- 989CAD
≈ Wet Asphalt
Tetradico +90° +180° +270°
- A89A8C
Warm Waterlogged Lab Coat
- 90A296
≈ Verdant Retreat
- 909FAC
≈ Frilled Shark
- A897A2
≈ Metamorphosis
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.66:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-waterlogged-lab-coat: #a89a8c;
--warm-waterlogged-lab-coat-rgb: 168 154 140;
--warm-waterlogged-lab-coat-oklch: oklch(0.694 0.026 67.4);
}
.element {
color: var(--warm-waterlogged-lab-coat);
background-color: hsl(30 14% 60%);
border-color: oklch(0.694 0.026 67.4);
}Tailwind CSS v4
@theme {
--color-warm-waterlogged-lab-coat: #a89a8c;
--color-warm-waterlogged-lab-coat-50: #faf4ed;
--color-warm-waterlogged-lab-coat-100: #eee6df;
--color-warm-waterlogged-lab-coat-200: #dcd3c9;
--color-warm-waterlogged-lab-coat-300: #c0b5aa;
--color-warm-waterlogged-lab-coat-400: #a99c8f;
--color-warm-waterlogged-lab-coat-500: #928374;
--color-warm-waterlogged-lab-coat-600: #7c6f63;
--color-warm-waterlogged-lab-coat-700: #63594f;
--color-warm-waterlogged-lab-coat-800: #494139;
--color-warm-waterlogged-lab-coat-900: #322d27;
--color-warm-waterlogged-lab-coat-950: #1e1a15;
}SCSS
$warm-waterlogged-lab-coat: #a89a8c;
$warm-waterlogged-lab-coat-rgb: 168, 154, 140;
$warm-waterlogged-lab-coat-light: mix(#fff, $warm-waterlogged-lab-coat, 20%);
$warm-waterlogged-lab-coat-dark: mix(#000, $warm-waterlogged-lab-coat, 20%);
.element {
color: $warm-waterlogged-lab-coat;
box-shadow: 0 0 0 2px rgba($warm-waterlogged-lab-coat, 0.35);
}