Warna bernama terdekat · #98C08C
#98C08C
Warna bernama terdekat: Oh Pistachio
#98C08C (rgb(152 192 140), hsl(106 29% 65%), oklch(0.765 0.084 138.6)) paling mendekati warna bernama Oh Pistachio. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#98C08C
oklch(0.765 0.084 138.6)
Konversi warna
- HEX
- #98c08c
- RGB
- rgb(152 192 140)
- HSL
- hsl(106 29% 65%)
- HWB
- hwb(106 55% 25%)
- OKLCH
- oklch(0.765 0.084 138.6)
- OKLab
- oklab(0.765 -0.063 0.056)
- CIE Lab
- lab(73.78 -21.23 21.76)
- LCH
- lch(73.78 30.4 134.3)
- CMYK
- cmyk(21% 0% 27% 25%)
Tint · Shade · Tone
Tint
- A2C697
- ACCDA3
- B6D3AE
- C1D9B9
- CBDFC5
- D5E6D0
- E0ECDC
- EAF2E8
- F4F9F3
Shade
- 84A779
- 708E67
- 5C7655
- 4A5F43
- 384933
- 273423
- 172014
- 080E07
- 010201
Tone
- 96B98B
- 93B38A
- 91AD89
- 8FA688
- 8CA087
- 8A9985
- 889384
- 858D83
- 838681
Harmoni warna
Komplementer +180°
- 98C08C
Oh Pistachio
- CAA2D5
≈ Lilac Lace
Analog -30° +30°
- 98C08C
Oh Pistachio
- B7B778
≈ Liminal Yellow
- 7BC4A9
≈ Green Balloon
Triadik +120° +240°
- 98C08C
Oh Pistachio
- 92B4E9
≈ Adrift on the Nile
- E39D9E
≈ Pale Berry
Split-komplementer +150° +210°
- 98C08C
Oh Pistachio
- B0AAE6
≈ Maximum Blue Purple
- DC9DBC
≈ Pink Begonia
Tetradik +90° +180° +270°
- 98C08C
Oh Pistachio
- 77BEDD
≈ Bright Spark
- CAA2D5
≈ Lilac Lace
- DFA383
≈ Peachy Tint
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.04:1 · APCA Lc 40
Ag
AAADi atas hitam
WCAG 10.25:1 · APCA Lc 62
Warna teks terbaik: #000000
WCAG 10.25:1 (AAA) · APCA Lc 62
Contrast pairs
Cuplikan kode
CSS
:root {
--oh-pistachio: #98c08c;
--oh-pistachio-rgb: 152 192 140;
--oh-pistachio-oklch: oklch(0.765 0.084 138.6);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(106 29% 65%);
border-color: oklch(0.765 0.084 138.6);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #98c08c;
--color-oh-pistachio-50: #e9fce5;
--color-oh-pistachio-100: #d9efd5;
--color-oh-pistachio-200: #c2debc;
--color-oh-pistachio-300: #a1c39a;
--color-oh-pistachio-400: #86ab7a;
--color-oh-pistachio-500: #69945d;
--color-oh-pistachio-600: #5a7d4f;
--color-oh-pistachio-700: #47643f;
--color-oh-pistachio-800: #35492c;
--color-oh-pistachio-900: #24331d;
--color-oh-pistachio-950: #131e0d;
}SCSS
$oh-pistachio: #98c08c;
$oh-pistachio-rgb: 152, 192, 140;
$oh-pistachio-light: mix(#fff, $oh-pistachio, 20%);
$oh-pistachio-dark: mix(#000, $oh-pistachio, 20%);
.element {
color: $oh-pistachio;
box-shadow: 0 0 0 2px rgba($oh-pistachio, 0.35);
}