Warna bernama terdekat · #88A45B
#88A45B
Warna bernama terdekat: Frankenstein
#88A45B (rgb(136 164 91), hsl(83 29% 50%), oklch(0.68 0.104 126.2)) paling mendekati warna bernama Frankenstein. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#88A45B
oklch(0.68 0.104 126.2)
Konversi warna
- HEX
- #88a45b
- RGB
- rgb(136 164 91)
- HSL
- hsl(83 29% 50%)
- HWB
- hwb(83 36% 36%)
- OKLCH
- oklch(0.68 0.104 126.2)
- OKLab
- oklab(0.68 -0.061 0.084)
- CIE Lab
- lab(63.94 -19.36 34.38)
- LCH
- lch(63.94 39.45 119.4)
- CMYK
- cmyk(17% 0% 45% 36%)
Tint · Shade · Tone
Tint
- 93AD6C
- 9FB67C
- AABF8C
- B6C89D
- C2D1AD
- CEDABD
- DAE3CD
- E6EDDE
- F3F6EE
Shade
- 758E4E
- 637941
- 526435
- 415029
- 313D1E
- 222B13
- 131A09
- 060A03
- 010100
Tone
- 87A060
- 869D64
- 869968
- 85966C
- 849270
- 838F74
- 828B77
- 82877A
- 81847D
Harmoni warna
Komplementer +180°
- 88A45B
Frankenstein
- A887CB
≈ Lilac Purple
Analog -30° +30°
- 88A45B
Frankenstein
- AB9847
≈ Semi Opal
- 5EAC7D
≈ Green Tea Candy
Triadik +120° +240°
- 88A45B
Frankenstein
- 5F9ED5
≈ Picton Blue
- CF7C8E
≈ Dusky Pink
Split-komplementer +150° +210°
- 88A45B
Frankenstein
- 8792D8
≈ Mystic Iris
- C17FB1
≈ Drama Violet
Tetradik +90° +180° +270°
- 88A45B
Frankenstein
- 39A8C1
≈ Moonstone
- A887CB
≈ Lilac Purple
- D0806B
≈ Fire Chalk
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.79:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.50:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--frankenstein: #88a45b;
--frankenstein-rgb: 136 164 91;
--frankenstein-oklch: oklch(0.68 0.104 126.2);
}
.element {
color: var(--frankenstein);
background-color: hsl(83 29% 50%);
border-color: oklch(0.68 0.104 126.2);
}Tailwind CSS v4
@theme {
--color-frankenstein: #88a45b;
--color-frankenstein-50: #ecfbdc;
--color-frankenstein-100: #deefca;
--color-frankenstein-200: #c7ddae;
--color-frankenstein-300: #a8c289;
--color-frankenstein-400: #8faa65;
--color-frankenstein-500: #759241;
--color-frankenstein-600: #637c38;
--color-frankenstein-700: #4f632c;
--color-frankenstein-800: #3b481d;
--color-frankenstein-900: #283213;
--color-frankenstein-950: #161e05;
}SCSS
$frankenstein: #88a45b;
$frankenstein-rgb: 136, 164, 91;
$frankenstein-light: mix(#fff, $frankenstein, 20%);
$frankenstein-dark: mix(#000, $frankenstein, 20%);
.element {
color: $frankenstein;
box-shadow: 0 0 0 2px rgba($frankenstein, 0.35);
}