Nazwany kolor · #A6BBB7
Lucinda
Lucinda to #A6BBB7: rgb(166 187 183), hsl(169 13% 69%), oklch(0.775 0.024 183). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lucinda color name →
#A6BBB7
oklch(0.775 0.024 183)
Konwersje koloru
- HEX
- #a6bbb7
- RGB
- rgb(166 187 183)
- HSL
- hsl(169 13% 69%)
- HWB
- hwb(169 65% 27%)
- OKLCH
- oklch(0.775 0.024 183)
- OKLab
- oklab(0.775 -0.024 -0.001)
- CIE Lab
- lab(74.18 -8.06 -0.54)
- LCH
- lch(74.18 8.07 183.9)
- CMYK
- cmyk(11% 0% 2% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AFC2BE
- B7C8C5
- C0CFCC
- C9D6D3
- D2DDDA
- DBE3E2
- E4EAE9
- EDF1F0
- F6F8F8
Odcienie ciemniejsze
- 90A29F
- 7A8A87
- 657370
- 515C5A
- 3E4645
- 2B3231
- 1A1F1E
- 0A0D0C
- 010202
Tony
- A2B5B1
- 9EAFAC
- 9BA9A6
- 97A3A1
- 939D9B
- 8F9796
- 8B9190
- 888B8B
- 848685
Harmonie kolorów
Komplementarna +180°
- A6BBB7
Lucinda
- C4B0B4
≈ Mature
Analogowa -30° +30°
- A6BBB7
Lucinda
- ABBAAF
≈ Quiet Teal
- A5BABF
≈ Soft Shore
Triada +120° +240°
- A6BBB7
Lucinda
- B9B2C3
≈ Misty Lilac
- C1B3A7
≈ Couch Potato
Komplementarna rozszczepiona +150° +210°
- A6BBB7
Lucinda
- C0B0BC
≈ Mischief
- C4B1AC
≈ Artistic Taupe
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.01:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.41:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--lucinda: #a6bbb7;
--lucinda-rgb: 166 187 183;
--lucinda-oklch: oklch(0.775 0.024 183);
}
.element {
color: var(--lucinda);
background-color: hsl(169 13% 69%);
border-color: oklch(0.775 0.024 183);
}Tailwind CSS v4
@theme {
--color-lucinda: #a6bbb7;
--color-lucinda-50: #eef7f6;
--color-lucinda-100: #e0ebe9;
--color-lucinda-200: #cad8d5;
--color-lucinda-300: #abbcb9;
--color-lucinda-400: #90a3a0;
--color-lucinda-500: #758c87;
--color-lucinda-600: #647673;
--color-lucinda-700: #4f5e5c;
--color-lucinda-800: #3a4543;
--color-lucinda-900: #28302e;
--color-lucinda-950: #161c1b;
}SCSS
$lucinda: #a6bbb7;
$lucinda-rgb: 166, 187, 183;
$lucinda-light: mix(#fff, $lucinda, 20%);
$lucinda-dark: mix(#000, $lucinda, 20%);
.element {
color: $lucinda;
box-shadow: 0 0 0 2px rgba($lucinda, 0.35);
}