Warna bernama terdekat · #8CA358
#8CA358
Warna bernama terdekat: Rosemarried
#8CA358 (rgb(140 163 88), hsl(78 30% 49%), oklch(0.68 0.104 123.2)) paling mendekati warna bernama Rosemarried. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#8CA358
oklch(0.68 0.104 123.2)
Konversi warna
- HEX
- #8ca358
- RGB
- rgb(140 163 88)
- HSL
- hsl(78 30% 49%)
- HWB
- hwb(78 35% 36%)
- OKLCH
- oklch(0.68 0.104 123.2)
- OKLab
- oklab(0.68 -0.057 0.087)
- CIE Lab
- lab(63.9 -17.55 35.94)
- LCH
- lch(63.9 39.99 116)
- CMYK
- cmyk(14% 0% 46% 36%)
Tint · Shade · Tone
Tint
- 97AC69
- A2B57A
- ADBE8B
- B8C89B
- C4D1AC
- CFDABC
- DBE3CD
- E7ECDD
- F3F6EE
Shade
- 798D4B
- 67783F
- 556333
- 434F28
- 333C1D
- 232A12
- 141909
- 070A03
- 010100
Tone
- 8BA05D
- 8A9C62
- 889967
- 87956B
- 86926F
- 858E73
- 838B76
- 82877A
- 81847D
Harmoni warna
Komplementer +180°
- 8CA358
Rosemarried
- A588CD
≈ Middy’s Purple
Analog -30° +30°
- 8CA358
Rosemarried
- AE9746
≈ Semi Opal
- 62AB7A
≈ Green Tea Candy
Triadik +120° +240°
- 8CA358
Rosemarried
- 5B9FD4
≈ Picton Blue
- CE7C92
≈ Wild Rose
Split-komplementer +150° +210°
- 8CA358
Rosemarried
- 8394D9
≈ Mystic Iris
- BF80B4
≈ Lavender Sweater
Tetradik +90° +180° +270°
- 8CA358
Rosemarried
- 36A9BF
≈ Moonstone
- A588CD
≈ Middy’s Purple
- D0806E
≈ Fire Chalk
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.80:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.49:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--rosemarried: #8ca358;
--rosemarried-rgb: 140 163 88;
--rosemarried-oklch: oklch(0.68 0.104 123.2);
}
.element {
color: var(--rosemarried);
background-color: hsl(78 30% 49%);
border-color: oklch(0.68 0.104 123.2);
}Tailwind CSS v4
@theme {
--color-rosemarried: #8ca358;
--color-rosemarried-50: #eefbdb;
--color-rosemarried-100: #e0efc9;
--color-rosemarried-200: #caddac;
--color-rosemarried-300: #abc186;
--color-rosemarried-400: #93a962;
--color-rosemarried-500: #79913d;
--color-rosemarried-600: #677b35;
--color-rosemarried-700: #52622a;
--color-rosemarried-800: #3d481b;
--color-rosemarried-900: #2a3212;
--color-rosemarried-950: #181e04;
}SCSS
$rosemarried: #8ca358;
$rosemarried-rgb: 140, 163, 88;
$rosemarried-light: mix(#fff, $rosemarried, 20%);
$rosemarried-dark: mix(#000, $rosemarried, 20%);
.element {
color: $rosemarried;
box-shadow: 0 0 0 2px rgba($rosemarried, 0.35);
}