色名 · #9AB38D
Basilisk
Basiliskは#9AB38D：rgb(154 179 141)、hsl(99 20% 63%)、oklch(0.737 0.06 135)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Basilisk color name →
#9AB38D
oklch(0.737 0.06 135)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- A4BA98
- AEC2A3
- B7C9AE
- C1D1BA
- CCD9C5
- D6E0D0
- E0E8DC
- EAF0E8
- F5F7F3
シェード
- 859B7A
- 718467
- 5E6E55
- 4B5844
- 394333
- 272F23
- 171D14
- 090C07
- 010101
トーン
- 97AE8C
- 95A98B
- 92A489
- 909E88
- 8D9987
- 8A9486
- 888F84
- 858A83
- 838581
カラーハーモニー
補色 +180°
- 9AB38D
Basilisk
- B99FC5
≈ Purple Prophet
類似色 -30° +30°
- 9AB38D
Basilisk
- AFAD81
≈ Water Reed
- 87B7A1
≈ Indian Ocean
トライアド +120° +240°
- 9AB38D
Basilisk
- 91ACD0
≈ Chambray Blue
- CD9B9E
≈ Twice Shy
スプリットコンプリメンタリー +150° +210°
- 9AB38D
Basilisk
- A5A5CF
≈ Blossom Mauve
- C79BB3
≈ Lady’s Cushions Pink
テトラード +90° +180° +270°
- 9AB38D
Basilisk
- 81B3C7
≈ Heavenly
- B99FC5
≈ Purple Prophet
- CB9F8B
≈ Artefact
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.20:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
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);
}