Nazwany kolor · #324038
Roycroft Bottle Green
Roycroft Bottle Green to #324038: rgb(50 64 56), hsl(146 12% 22%), oklch(0.356 0.023 159.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Roycroft Bottle Green color name →
#324038
oklch(0.356 0.023 159.9)
Konwersje koloru
- HEX
- #324038
- RGB
- rgb(50 64 56)
- HSL
- hsl(146 12% 22%)
- HWB
- hwb(146 20% 75%)
- OKLCH
- oklch(0.356 0.023 159.9)
- OKLab
- oklab(0.356 -0.021 0.008)
- CIE Lab
- lab(25.64 -7.39 2.94)
- LCH
- lch(25.64 7.95 158.3)
- CMYK
- cmyk(22% 0% 13% 75%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 445149
- 57625B
- 6A746E
- 7E8781
- 929A95
- A7ADA9
- BCC1BE
- D2D5D3
- E8EAE9
Odcienie ciemniejsze
- 2A362F
- 222D27
- 1B241F
- 141B17
- 0D130F
- 070B08
- 030504
- 010101
- 000000
Tony
- 39463F
- 414C46
- 48524D
- 505954
- 585F5B
- 606662
- 686C69
- 707371
- 787978
Harmonie kolorów
Komplementarna +180°
- 324038
Roycroft Bottle Green
- 453840
≈ Priceless Purple
Analogowa -30° +30°
- 324038
Roycroft Bottle Green
- 383F32
≈ Kombu Green
- 2E403F
≈ Darkest Spruce
Triada +120° +240°
- 324038
Roycroft Bottle Green
- 393B48
≈ Mountain Fig
- 473833
≈ Film Noir
Komplementarna rozszczepiona +150° +210°
- 324038
Roycroft Bottle Green
- 403945
≈ Ship Grey
- 473739
≈ Judah Silk
Tetrada +90° +180° +270°
- 324038
Roycroft Bottle Green
- 333D48
≈ Deepsea Core
- 453840
≈ Priceless Purple
- 443A2F
≈ Batch Brew
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.90:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.92:1 · APCA Lc 7
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.90:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--roycroft-bottle-green: #324038;
--roycroft-bottle-green-rgb: 50 64 56;
--roycroft-bottle-green-oklch: oklch(0.356 0.023 159.9);
}
.element {
color: var(--roycroft-bottle-green);
background-color: hsl(146 12% 22%);
border-color: oklch(0.356 0.023 159.9);
}Tailwind CSS v4
@theme {
--color-roycroft-bottle-green: #324038;
--color-roycroft-bottle-green-50: #f0f7f3;
--color-roycroft-bottle-green-100: #e2eae5;
--color-roycroft-bottle-green-200: #ccd7d1;
--color-roycroft-bottle-green-300: #aebbb4;
--color-roycroft-bottle-green-400: #93a39a;
--color-roycroft-bottle-green-500: #7a8b81;
--color-roycroft-bottle-green-600: #67766d;
--color-roycroft-bottle-green-700: #525e57;
--color-roycroft-bottle-green-800: #3c453f;
--color-roycroft-bottle-green-900: #29302c;
--color-roycroft-bottle-green-950: #171c19;
}SCSS
$roycroft-bottle-green: #324038;
$roycroft-bottle-green-rgb: 50, 64, 56;
$roycroft-bottle-green-light: mix(#fff, $roycroft-bottle-green, 20%);
$roycroft-bottle-green-dark: mix(#000, $roycroft-bottle-green, 20%);
.element {
color: $roycroft-bottle-green;
box-shadow: 0 0 0 2px rgba($roycroft-bottle-green, 0.35);
}