Nazwany kolor · #84979A
Nichols Beach
Nichols Beach to #84979A: rgb(132 151 154), hsl(188 10% 56%), oklch(0.662 0.022 208.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Nichols Beach color name →
#84979A
oklch(0.662 0.022 208.1)
Konwersje koloru
- HEX
- #84979a
- RGB
- rgb(132 151 154)
- HSL
- hsl(188 10% 56%)
- HWB
- hwb(188 52% 40%)
- OKLCH
- oklch(0.662 0.022 208.1)
- OKLab
- oklab(0.662 -0.019 -0.01)
- CIE Lab
- lab(61.03 -6.51 -3.99)
- LCH
- lch(61.03 7.64 211.5)
- CMYK
- cmyk(14% 2% 0% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 90A1A4
- 9CABAD
- A8B5B7
- B4BFC1
- C0CACB
- CCD4D6
- D9DFE0
- E5E9EA
- F2F4F4
Odcienie ciemniejsze
- 728385
- 606F71
- 4F5C5E
- 3F494B
- 2F3739
- 202627
- 121717
- 060809
- 010101
Tony
- 849597
- 839295
- 839092
- 838E90
- 828B8D
- 82898A
- 818788
- 818585
- 808283
Harmonie kolorów
Komplementarna +180°
- 84979A
Nichols Beach
- A08E8B
≈ Satellite
Analogowa -30° +30°
- 84979A
Nichols Beach
- 859893
≈ In the Moment
- 87959F
≈ Supreme Grey
Triada +120° +240°
- 84979A
Nichols Beach
- 9B8E9A
≈ Greige Violet
- 989284
≈ Claytone
Komplementarna rozszczepiona +150° +210°
- 84979A
Nichols Beach
- 9F8E93
≈ Autumn Orchid
- 9E9086
≈ Ancient Wonder
Tetrada +90° +180° +270°
- 84979A
Nichols Beach
- 94909F
≈ Evening in Paris
- A08E8B
≈ Satellite
- 919586
≈ Tarzan Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.05:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.87:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--nichols-beach: #84979a;
--nichols-beach-rgb: 132 151 154;
--nichols-beach-oklch: oklch(0.662 0.022 208.1);
}
.element {
color: var(--nichols-beach);
background-color: hsl(188 10% 56%);
border-color: oklch(0.662 0.022 208.1);
}Tailwind CSS v4
@theme {
--color-nichols-beach: #84979a;
--color-nichols-beach-50: #eef7f9;
--color-nichols-beach-100: #e0eaec;
--color-nichols-beach-200: #cad7d9;
--color-nichols-beach-300: #abbbbe;
--color-nichols-beach-400: #90a2a5;
--color-nichols-beach-500: #768b8e;
--color-nichols-beach-600: #647578;
--color-nichols-beach-700: #505e60;
--color-nichols-beach-800: #3a4546;
--color-nichols-beach-900: #282f31;
--color-nichols-beach-950: #161c1d;
}SCSS
$nichols-beach: #84979a;
$nichols-beach-rgb: 132, 151, 154;
$nichols-beach-light: mix(#fff, $nichols-beach, 20%);
$nichols-beach-dark: mix(#000, $nichols-beach, 20%);
.element {
color: $nichols-beach;
box-shadow: 0 0 0 2px rgba($nichols-beach, 0.35);
}