Nazwany kolor · #535C55
Evergreen Bough
Evergreen Bough to #535C55: rgb(83 92 85), hsl(133 5% 34%), oklch(0.465 0.016 152.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Evergreen Bough color name →
#535C55
oklch(0.465 0.016 152.3)
Konwersje koloru
- HEX
- #535c55
- RGB
- rgb(83 92 85)
- HSL
- hsl(133 5% 34%)
- HWB
- hwb(133 33% 64%)
- OKLCH
- oklch(0.465 0.016 152.3)
- OKLab
- oklab(0.465 -0.014 0.007)
- CIE Lab
- lab(38.11 -4.8 2.78)
- LCH
- lch(38.11 5.54 149.9)
- CMYK
- cmyk(10% 0% 8% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 636B64
- 737A74
- 838A84
- 949A95
- A5AAA6
- B6BAB7
- C8CBC9
- DADCDB
- ECEDED
Odcienie ciemniejsze
- 474F49
- 3B423D
- 303631
- 252A26
- 1B1F1C
- 111411
- 080A08
- 020302
- 000000
Tony
- 576059
- 5C635D
- 606762
- 656A66
- 696E6A
- 6E716E
- 727573
- 777977
- 7B7C7C
Harmonie kolorów
Komplementarna +180°
- 535C55
Evergreen Bough
- 5F565D
≈ Rabbit
Analogowa -30° +30°
- 535C55
Evergreen Bough
- 585B51
≈ Midnight Spruce
- 505C5A
≈ Midnight in NY
Triada +120° +240°
- 535C55
Evergreen Bough
- 565962
≈ Midnight Badger
- 625654
≈ Rix
Komplementarna rozszczepiona +150° +210°
- 535C55
Evergreen Bough
- 5B5761
≈ Veiled Vinyl
- 615658
≈ Rix
Tetrada +90° +180° +270°
- 535C55
Evergreen Bough
- 525B62
≈ Novelty Navy
- 5F565D
≈ Rabbit
- 605850
≈ Metropolis
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.93:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.02:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.93:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--evergreen-bough: #535c55;
--evergreen-bough-rgb: 83 92 85;
--evergreen-bough-oklch: oklch(0.465 0.016 152.3);
}
.element {
color: var(--evergreen-bough);
background-color: hsl(133 5% 34%);
border-color: oklch(0.465 0.016 152.3);
}Tailwind CSS v4
@theme {
--color-evergreen-bough: #535c55;
--color-evergreen-bough-50: #f2f6f3;
--color-evergreen-bough-100: #e4e9e5;
--color-evergreen-bough-200: #cfd6d1;
--color-evergreen-bough-300: #b1bab4;
--color-evergreen-bough-400: #98a19a;
--color-evergreen-bough-500: #7f8981;
--color-evergreen-bough-600: #6b746d;
--color-evergreen-bough-700: #565d57;
--color-evergreen-bough-800: #3f443f;
--color-evergreen-bough-900: #2b2f2c;
--color-evergreen-bough-950: #181b19;
}SCSS
$evergreen-bough: #535c55;
$evergreen-bough-rgb: 83, 92, 85;
$evergreen-bough-light: mix(#fff, $evergreen-bough, 20%);
$evergreen-bough-dark: mix(#000, $evergreen-bough, 20%);
.element {
color: $evergreen-bough;
box-shadow: 0 0 0 2px rgba($evergreen-bough, 0.35);
}