Nächste benannte Farbe · #0C892C
#0C892C
Nächste benannte Farbe: Asian Spice
#0C892C (rgb(12 137 44), hsl(135 84% 29%), oklch(0.55 0.165 145.9)) liegt am nächsten an der benannten Farbe Asian Spice. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#0C892C
oklch(0.55 0.165 145.9)
Farbumrechnungen
- HEX
- #0c892c
- RGB
- rgb(12 137 44)
- HSL
- hsl(135 84% 29%)
- HWB
- hwb(135 5% 46%)
- OKLCH
- oklch(0.55 0.165 145.9)
- OKLab
- oklab(0.55 -0.136 0.092)
- CIE Lab
- lab(49.7 -47.07 38.96)
- LCH
- lch(49.7 61.1 140.4)
- CMYK
- cmyk(91% 0% 68% 46%)
Tints · Shades · Tones
Tints
- 369543
- 51A159
- 68AD6D
- 7FB882
- 94C496
- A9D0AB
- BFDCC0
- D4E8D4
- E9F3EA
Shades
- 097625
- 06641E
- 045317
- 034211
- 02310A
- 012205
- 001402
- 000701
- 000100
Tones
- 278937
- 378841
- 44874A
- 4F8753
- 58865B
- 618563
- 69846A
- 718372
- 798179
Farbharmonien
Komplementär +180°
- 0C892C
Asian Spice
- A048A4
≈ Medium Purple
Analog -30° +30°
- 0C892C
Asian Spice
- 6F7900
≈ Murky Green
- 00856F
≈ Viridis
Triadisch +120° +240°
- 0C892C
Asian Spice
- 4369D0
≈ Han Blue
- BF3F3B
≈ Chuckles
Geteilt komplementär +150° +210°
- 0C892C
Asian Spice
- 7C57C5
≈ Fuchsia Blue
- B73E75
≈ Valentino
Tetradisch +90° +180° +270°
- 0C892C
Asian Spice
- 007BAC
≈ Jacuzzi
- A048A4
≈ Medium Purple
- AB5800
≈ Tijolo
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.53:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.63:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--asian-spice: #0c892c;
--asian-spice-rgb: 12 137 44;
--asian-spice-oklch: oklch(0.55 0.165 145.9);
}
.element {
color: var(--asian-spice);
background-color: hsl(135 84% 29%);
border-color: oklch(0.55 0.165 145.9);
}Tailwind CSS v4
@theme {
--color-asian-spice: #0c892c;
--color-asian-spice-50: #d6ffdb;
--color-asian-spice-100: #c3f8c9;
--color-asian-spice-200: #a4e8ac;
--color-asian-spice-300: #79ce86;
--color-asian-spice-400: #54b75f;
--color-asian-spice-500: #1ba139;
--color-asian-spice-600: #1c8831;
--color-asian-spice-700: #176d27;
--color-asian-spice-800: #145017;
--color-asian-spice-900: #0d380f;
--color-asian-spice-950: #012203;
}SCSS
$asian-spice: #0c892c;
$asian-spice-rgb: 12, 137, 44;
$asian-spice-light: mix(#fff, $asian-spice, 20%);
$asian-spice-dark: mix(#000, $asian-spice, 20%);
.element {
color: $asian-spice;
box-shadow: 0 0 0 2px rgba($asian-spice, 0.35);
}