Nazwany kolor · #707B71
Boxwood
Boxwood to #707B71: rgb(112 123 113), hsl(125 5% 46%), oklch(0.571 0.02 147.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Boxwood color name →
#707B71
oklch(0.571 0.02 147.9)
Konwersje koloru
- HEX
- #707b71
- RGB
- rgb(112 123 113)
- HSL
- hsl(125 5% 46%)
- HWB
- hwb(125 44% 52%)
- OKLCH
- oklch(0.571 0.02 147.9)
- OKLab
- oklab(0.571 -0.017 0.011)
- CIE Lab
- lab(50.46 -5.79 4.02)
- LCH
- lch(50.46 7.05 145.2)
- CMYK
- cmyk(9% 0% 8% 52%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7D877E
- 8B948C
- 99A199
- A7AEA7
- B5BBB5
- C3C8C4
- D2D6D2
- E1E3E1
- F0F1F0
Odcienie ciemniejsze
- 606A61
- 515A52
- 434A43
- 353A35
- 272C27
- 1A1E1A
- 0E100E
- 040504
- 010101
Tony
- 727C72
- 737C74
- 757D75
- 767D77
- 787E78
- 7A7E7A
- 7B7F7B
- 7D7F7D
- 7E807E
Harmonie kolorów
Komplementarna +180°
- 707B71
Boxwood
- 7E747E
≈ Plush Velvet
Analogowa -30° +30°
- 707B71
Boxwood
- 76796C
≈ Crooked River
- 6C7C77
≈ Grey Monument
Triada +120° +240°
- 707B71
Boxwood
- 727784
≈ Ice Blue Grey
- 837371
≈ Roaming Pony
Komplementarna rozszczepiona +150° +210°
- 707B71
Boxwood
- 797582
≈ Dried Lavender Flowers
- 827377
≈ Pumice Grey
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.41:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.76:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.76:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--boxwood: #707b71;
--boxwood-rgb: 112 123 113;
--boxwood-oklch: oklch(0.571 0.02 147.9);
}
.element {
color: var(--boxwood);
background-color: hsl(125 5% 46%);
border-color: oklch(0.571 0.02 147.9);
}Tailwind CSS v4
@theme {
--color-boxwood: #707b71;
--color-boxwood-50: #f1f7f2;
--color-boxwood-100: #e3eae4;
--color-boxwood-200: #cfd7d0;
--color-boxwood-300: #b1bab2;
--color-boxwood-400: #97a298;
--color-boxwood-500: #7e8a7f;
--color-boxwood-600: #6a756b;
--color-boxwood-700: #555d56;
--color-boxwood-800: #3e443e;
--color-boxwood-900: #2b2f2b;
--color-boxwood-950: #181c18;
}SCSS
$boxwood: #707b71;
$boxwood-rgb: 112, 123, 113;
$boxwood-light: mix(#fff, $boxwood, 20%);
$boxwood-dark: mix(#000, $boxwood, 20%);
.element {
color: $boxwood;
box-shadow: 0 0 0 2px rgba($boxwood, 0.35);
}