Nazwany kolor · #728A51
Bright Forest
Bright Forest to #728A51: rgb(114 138 81), hsl(85 26% 43%), oklch(0.6 0.086 127.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Bright Forest color name →
#728A51
oklch(0.6 0.086 127.4)
Konwersje koloru
- HEX
- #728a51
- RGB
- rgb(114 138 81)
- HSL
- hsl(85 26% 43%)
- HWB
- hwb(85 32% 46%)
- OKLCH
- oklch(0.6 0.086 127.4)
- OKLab
- oklab(0.6 -0.052 0.068)
- CIE Lab
- lab(54.51 -16.59 27.54)
- LCH
- lch(54.51 32.15 121.1)
- CMYK
- cmyk(17% 0% 41% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7F9562
- 8DA173
- 9AAC84
- A8B895
- B6C3A6
- C4CFB8
- D3DBC9
- E1E7DB
- F0F3ED
Odcienie ciemniejsze
- 627745
- 53653A
- 44532F
- 364224
- 28321A
- 1B2210
- 0E1407
- 040702
- 010100
Tony
- 738956
- 75885C
- 768761
- 788665
- 79856A
- 7A846F
- 7C8373
- 7D8277
- 7F817C
Harmonie kolorów
Komplementarna +180°
- 728A51
Bright Forest
- 8E72A8
≈ Ce Soir
Analogowa -30° +30°
- 728A51
Bright Forest
- 8E8141
≈ Peas Please
- 51906C
≈ Green Weed
Triada +120° +240°
- 728A51
Bright Forest
- 5585B1
≈ Splash Palace
- AC6A77
≈ Mauvewood
Komplementarna rozszczepiona +150° +210°
- 728A51
Bright Forest
- 747BB3
≈ Ontario Violet
- A16C93
≈ Flowering Raspberry
Tetrada +90° +180° +270°
- 728A51
Bright Forest
- 398DA2
≈ Scooter
- 8E72A8
≈ Ce Soir
- AD6E5B
≈ Amaretto
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.83:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.46:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--bright-forest: #728a51;
--bright-forest-rgb: 114 138 81;
--bright-forest-oklch: oklch(0.6 0.086 127.4);
}
.element {
color: var(--bright-forest);
background-color: hsl(85 26% 43%);
border-color: oklch(0.6 0.086 127.4);
}Tailwind CSS v4
@theme {
--color-bright-forest: #728a51;
--color-bright-forest-50: #edfae1;
--color-bright-forest-100: #dfeed0;
--color-bright-forest-200: #c9dcb6;
--color-bright-forest-300: #aac192;
--color-bright-forest-400: #90a871;
--color-bright-forest-500: #769151;
--color-bright-forest-600: #647b45;
--color-bright-forest-700: #506237;
--color-bright-forest-800: #3b4826;
--color-bright-forest-900: #293219;
--color-bright-forest-950: #171e0a;
}SCSS
$bright-forest: #728a51;
$bright-forest-rgb: 114, 138, 81;
$bright-forest-light: mix(#fff, $bright-forest, 20%);
$bright-forest-dark: mix(#000, $bright-forest, 20%);
.element {
color: $bright-forest;
box-shadow: 0 0 0 2px rgba($bright-forest, 0.35);
}