Nazwany kolor · #414634
Country House Green
Country House Green to #414634: rgb(65 70 52), hsl(77 15% 24%), oklch(0.384 0.03 120.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Country House Green color name →
#414634
oklch(0.384 0.03 120.4)
Konwersje koloru
- HEX
- #414634
- RGB
- rgb(65 70 52)
- HSL
- hsl(77 15% 24%)
- HWB
- hwb(77 20% 73%)
- OKLCH
- oklch(0.384 0.03 120.4)
- OKLab
- oklab(0.384 -0.015 0.026)
- CIE Lab
- lab(28.84 -4.91 10.17)
- LCH
- lch(28.84 11.3 115.7)
- CMYK
- cmyk(7% 0% 26% 73%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 525746
- 636858
- 75796B
- 878B7F
- 9A9D93
- AEB0A8
- C1C3BD
- D6D7D3
- EAEBE9
Odcienie ciemniejsze
- 373C2C
- 2E3224
- 25281C
- 1C1E15
- 13150E
- 0B0D07
- 050503
- 010201
- 000000
Tony
- 474C3B
- 4D5143
- 53574A
- 595D51
- 606259
- 666861
- 6C6E68
- 737470
- 797A78
Harmonie kolorów
Komplementarna +180°
- 414634
Country House Green
- 464051
≈ Jazlyn
Analogowa -30° +30°
- 414634
Country House Green
- 494331
≈ Vermilion Green
- 38483B
≈ Exclusive Green
Triada +120° +240°
- 414634
Country House Green
- 354652
≈ Azul Petróleo
- 513D43
≈ Sparrow Grey Red
Komplementarna rozszczepiona +150° +210°
- 414634
Country House Green
- 3D4354
≈ Blue Zodiac
- 4D3E4B
≈ Bossa Nova
Tetrada +90° +180° +270°
- 414634
Country House Green
- 30484C
≈ Dad’s Coupe
- 464051
≈ Jazlyn
- 523E3A
≈ Caviar Black
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.76:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.15:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.76:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--country-house-green: #414634;
--country-house-green-rgb: 65 70 52;
--country-house-green-oklch: oklch(0.384 0.03 120.4);
}
.element {
color: var(--country-house-green);
background-color: hsl(77 15% 24%);
border-color: oklch(0.384 0.03 120.4);
}Tailwind CSS v4
@theme {
--color-country-house-green: #414634;
--color-country-house-green-50: #f3f7ed;
--color-country-house-green-100: #e6eadf;
--color-country-house-green-200: #d2d6c9;
--color-country-house-green-300: #b4baa9;
--color-country-house-green-400: #9ca18e;
--color-country-house-green-500: #838973;
--color-country-house-green-600: #6f7462;
--color-country-house-green-700: #595d4e;
--color-country-house-green-800: #414438;
--color-country-house-green-900: #2d2f27;
--color-country-house-green-950: #1a1b15;
}SCSS
$country-house-green: #414634;
$country-house-green-rgb: 65, 70, 52;
$country-house-green-light: mix(#fff, $country-house-green, 20%);
$country-house-green-dark: mix(#000, $country-house-green, 20%);
.element {
color: $country-house-green;
box-shadow: 0 0 0 2px rgba($country-house-green, 0.35);
}