Benannte Farbe · #0D6349
Green Paw Paw
Green Paw Paw ist #0D6349: rgb(13 99 73), hsl(162 77% 22%), oklch(0.445 0.088 166.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Paw Paw color name →
#0D6349
oklch(0.445 0.088 166.4)
Farbumrechnungen
- HEX
- #0d6349
- RGB
- rgb(13 99 73)
- HSL
- hsl(162 77% 22%)
- HWB
- hwb(162 5% 61%)
- OKLCH
- oklch(0.445 0.088 166.4)
- OKLab
- oklab(0.445 -0.085 0.021)
- CIE Lab
- lab(36.81 -30.24 7.7)
- LCH
- lch(36.81 31.21 165.7)
- CMYK
- cmyk(87% 0% 26% 61%)
Tints · Shades · Tones
Tints
- 2F7259
- 48816A
- 5F907B
- 769F8D
- 8CAF9F
- A3BEB2
- B9CEC5
- D0DED8
- E7EFEB
Shades
- 0A553E
- 074734
- 053A2A
- 032E20
- 022117
- 01160E
- 000B06
- 000302
- 000000
Tones
- 22664E
- 306954
- 3C6C59
- 476F5F
- 517264
- 5B756A
- 65786F
- 6E7B75
- 777D7A
Farbharmonien
Komplementär +180°
- 0D6349
Green Paw Paw
- 763F5E
≈ Purple Drab
Analog -30° +30°
- 0D6349
Green Paw Paw
- 3C5F2C
≈ Deep Into the Wood
- 006162
≈ Beau Vert
Triadisch +120° +240°
- 0D6349
Green Paw Paw
- 514C82
≈ Spirit Dance
- 7B4327
≈ Burnished Russet
Geteilt komplementär +150° +210°
- 0D6349
Green Paw Paw
- 674474
≈ Palace Purple
- 7D3E43
≈ Ruby Lips
Tetradisch +90° +180° +270°
- 0D6349
Green Paw Paw
- 325584
≈ Mordian Blue
- 763F5E
≈ Purple Drab
- 6F4C0D
≈ Antique Bronze
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.24:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.89:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--green-paw-paw: #0d6349;
--green-paw-paw-rgb: 13 99 73;
--green-paw-paw-oklch: oklch(0.445 0.088 166.4);
}
.element {
color: var(--green-paw-paw);
background-color: hsl(162 77% 22%);
border-color: oklch(0.445 0.088 166.4);
}Tailwind CSS v4
@theme {
--color-green-paw-paw: #0d6349;
--color-green-paw-paw-50: #defef0;
--color-green-paw-paw-100: #cdf2e2;
--color-green-paw-paw-200: #b1e1cd;
--color-green-paw-paw-300: #8bc6af;
--color-green-paw-paw-400: #69af93;
--color-green-paw-paw-500: #439979;
--color-green-paw-paw-600: #3a8167;
--color-green-paw-paw-700: #2e6752;
--color-green-paw-paw-800: #214c3a;
--color-green-paw-paw-900: #163528;
--color-green-paw-paw-950: #072016;
}SCSS
$green-paw-paw: #0d6349;
$green-paw-paw-rgb: 13, 99, 73;
$green-paw-paw-light: mix(#fff, $green-paw-paw, 20%);
$green-paw-paw-dark: mix(#000, $green-paw-paw, 20%);
.element {
color: $green-paw-paw;
box-shadow: 0 0 0 2px rgba($green-paw-paw, 0.35);
}