Nächste benannte Farbe · #188550
#188550
Nächste benannte Farbe: Monster Monstera
#188550 (rgb(24 133 80), hsl(151 69% 31%), oklch(0.545 0.125 155.8)) liegt am nächsten an der benannten Farbe Monster Monstera. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#188550
oklch(0.545 0.125 155.8)
Farbumrechnungen
- HEX
- #188550
- RGB
- rgb(24 133 80)
- HSL
- hsl(151 69% 31%)
- HWB
- hwb(151 9% 48%)
- OKLCH
- oklch(0.545 0.125 155.8)
- OKLab
- oklab(0.545 -0.114 0.051)
- CIE Lab
- lab(48.89 -40.33 19.93)
- LCH
- lch(48.89 44.98 153.7)
- CMYK
- cmyk(82% 0% 40% 48%)
Tints · Shades · Tones
Tints
- 3B9160
- 549D71
- 6AA982
- 80B593
- 95C1A4
- AACEB6
- BFDAC8
- D5E6DA
- EAF3EC
Shades
- 137344
- 0F6139
- 0A502E
- 074024
- 04301A
- 022110
- 011307
- 000602
- 000100
Tones
- 2D8555
- 3B855A
- 46845F
- 508464
- 598369
- 62836D
- 6A8272
- 728277
- 79817B
Farbharmonien
Komplementär +180°
- 188550
Monster Monstera
- 9C518C
≈ Purplish
Analog -30° +30°
- 188550
Monster Monstera
- 5E7C1D
≈ Birch Leaf Green
- 008278
≈ Green Garlands
Triadisch +120° +240°
- 188550
Monster Monstera
- 5D68B8
≈ Bluish Purple Anemone
- AC523A
≈ Pico Earth
Geteilt komplementär +150° +210°
- 188550
Monster Monstera
- 825BA9
≈ Sonic Plum
- AA4D65
≈ Rose Vale
Tetradisch +90° +180° +270°
- 188550
Monster Monstera
- 2075B4
≈ Americana
- 9C518C
≈ Purplish
- 9F5F00
≈ Soft Tone Ink
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.65:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.50:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--monster-monstera: #188550;
--monster-monstera-rgb: 24 133 80;
--monster-monstera-oklch: oklch(0.545 0.125 155.8);
}
.element {
color: var(--monster-monstera);
background-color: hsl(151 69% 31%);
border-color: oklch(0.545 0.125 155.8);
}Tailwind CSS v4
@theme {
--color-monster-monstera: #188550;
--color-monster-monstera-50: #d9ffe8;
--color-monster-monstera-100: #c6f5d8;
--color-monster-monstera-200: #a7e5c0;
--color-monster-monstera-300: #7ecb9f;
--color-monster-monstera-400: #59b47f;
--color-monster-monstera-500: #279e62;
--color-monster-monstera-600: #248553;
--color-monster-monstera-700: #1d6b42;
--color-monster-monstera-800: #164f2e;
--color-monster-monstera-900: #0e371f;
--color-monster-monstera-950: #02210f;
}SCSS
$monster-monstera: #188550;
$monster-monstera-rgb: 24, 133, 80;
$monster-monstera-light: mix(#fff, $monster-monstera, 20%);
$monster-monstera-dark: mix(#000, $monster-monstera, 20%);
.element {
color: $monster-monstera;
box-shadow: 0 0 0 2px rgba($monster-monstera, 0.35);
}