Benannte Farbe · #546B45
Pacific Pine
Pacific Pine ist #546B45: rgb(84 107 69), hsl(96 22% 35%), oklch(0.499 0.064 133.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Pacific Pine color name →
#546B45
oklch(0.499 0.064 133.6)
Farbumrechnungen
- HEX
- #546b45
- RGB
- rgb(84 107 69)
- HSL
- hsl(96 22% 35%)
- HWB
- hwb(96 27% 58%)
- OKLCH
- oklch(0.499 0.064 133.6)
- OKLab
- oklab(0.499 -0.044 0.046)
- CIE Lab
- lab(42.57 -14.62 18.44)
- LCH
- lch(42.57 23.53 128.4)
- CMYK
- cmyk(21% 0% 36% 58%)
Tints · Shades · Tones
Tints
- 647956
- 748768
- 849579
- 95A48C
- A6B29E
- B7C1B1
- C9D1C4
- DAE0D7
- EDEFEB
Shades
- 485C3B
- 3C4E31
- 313F27
- 26321E
- 1B2515
- 11180C
- 080D05
- 020402
- 000000
Tones
- 586D4B
- 5D6F51
- 617157
- 66745D
- 6A7663
- 6E7869
- 737A6E
- 777C74
- 7C7E7A
Farbharmonien
Komplementär +180°
- 546B45
Pacific Pine
- 70587D
≈ Mystical
Analog -30° +30°
- 546B45
Pacific Pine
- 696538
≈ Jungle Civilization
- 3E6F59
≈ Foliage Green
Triadisch +120° +240°
- 546B45
Pacific Pine
- 496587
≈ French Mirage Blue
- 835458
≈ Lampoon
Geteilt komplementär +150° +210°
- 546B45
Pacific Pine
- 5E5E87
≈ Purple Balloon
- 7D546C
≈ Magnificence
Tetradisch +90° +180° +270°
- 546B45
Pacific Pine
- 366B7E
≈ Kimberley Sea
- 70587D
≈ Mystical
- 825745
≈ Red Hook
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.88:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.56:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 5.88:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--pacific-pine: #546b45;
--pacific-pine-rgb: 84 107 69;
--pacific-pine-oklch: oklch(0.499 0.064 133.6);
}
.element {
color: var(--pacific-pine);
background-color: hsl(96 22% 35%);
border-color: oklch(0.499 0.064 133.6);
}Tailwind CSS v4
@theme {
--color-pacific-pine: #546b45;
--color-pacific-pine-50: #edfae8;
--color-pacific-pine-100: #dfedd8;
--color-pacific-pine-200: #c8dbc0;
--color-pacific-pine-300: #a9bf9f;
--color-pacific-pine-400: #8fa781;
--color-pacific-pine-500: #759064;
--color-pacific-pine-600: #637a55;
--color-pacific-pine-700: #4f6144;
--color-pacific-pine-800: #3a4730;
--color-pacific-pine-900: #283120;
--color-pacific-pine-950: #161d10;
}SCSS
$pacific-pine: #546b45;
$pacific-pine-rgb: 84, 107, 69;
$pacific-pine-light: mix(#fff, $pacific-pine, 20%);
$pacific-pine-dark: mix(#000, $pacific-pine, 20%);
.element {
color: $pacific-pine;
box-shadow: 0 0 0 2px rgba($pacific-pine, 0.35);
}