Warna bernama · #9AB38D
Basilisk
Basilisk adalah #9AB38D: rgb(154 179 141), hsl(99 20% 63%), oklch(0.737 0.06 135). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Basilisk color name →
#9AB38D
oklch(0.737 0.06 135)
Konversi warna
- HEX
- #9ab38d
- RGB
- rgb(154 179 141)
- HSL
- hsl(99 20% 63%)
- HWB
- hwb(99 55% 30%)
- OKLCH
- oklch(0.737 0.06 135)
- OKLab
- oklab(0.737 -0.042 0.043)
- CIE Lab
- lab(70.26 -14.26 16.49)
- LCH
- lch(70.26 21.8 130.8)
- CMYK
- cmyk(14% 0% 21% 30%)
Tint · Shade · Tone
Tint
- A4BA98
- AEC2A3
- B7C9AE
- C1D1BA
- CCD9C5
- D6E0D0
- E0E8DC
- EAF0E8
- F5F7F3
Shade
- 859B7A
- 718467
- 5E6E55
- 4B5844
- 394333
- 272F23
- 171D14
- 090C07
- 010101
Tone
- 97AE8C
- 95A98B
- 92A489
- 909E88
- 8D9987
- 8A9486
- 888F84
- 858A83
- 838581
Harmoni warna
Komplementer +180°
- 9AB38D
Basilisk
- B99FC5
≈ Purple Prophet
Analog -30° +30°
- 9AB38D
Basilisk
- AFAD81
≈ Water Reed
- 87B7A1
≈ Indian Ocean
Triadik +120° +240°
- 9AB38D
Basilisk
- 91ACD0
≈ Chambray Blue
- CD9B9E
≈ Twice Shy
Split-komplementer +150° +210°
- 9AB38D
Basilisk
- A5A5CF
≈ Blossom Mauve
- C79BB3
≈ Lady’s Cushions Pink
Tetradik +90° +180° +270°
- 9AB38D
Basilisk
- 81B3C7
≈ Heavenly
- B99FC5
≈ Purple Prophet
- CB9F8B
≈ Artefact
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.28:1 · APCA Lc 45
Ag
AAADi atas hitam
WCAG 9.20:1 · APCA Lc 57
Warna teks terbaik: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Cuplikan kode
CSS
:root {
--basilisk: #9ab38d;
--basilisk-rgb: 154 179 141;
--basilisk-oklch: oklch(0.737 0.06 135);
}
.element {
color: var(--basilisk);
background-color: hsl(99 20% 63%);
border-color: oklch(0.737 0.06 135);
}Tailwind CSS v4
@theme {
--color-basilisk: #9ab38d;
--color-basilisk-50: #edf9e9;
--color-basilisk-100: #dfedd9;
--color-basilisk-200: #c9dbc2;
--color-basilisk-300: #a9bfa1;
--color-basilisk-400: #8fa783;
--color-basilisk-500: #758f67;
--color-basilisk-600: #637958;
--color-basilisk-700: #4f6146;
--color-basilisk-800: #3a4731;
--color-basilisk-900: #283122;
--color-basilisk-950: #161d11;
}SCSS
$basilisk: #9ab38d;
$basilisk-rgb: 154, 179, 141;
$basilisk-light: mix(#fff, $basilisk, 20%);
$basilisk-dark: mix(#000, $basilisk, 20%);
.element {
color: $basilisk;
box-shadow: 0 0 0 2px rgba($basilisk, 0.35);
}