色名 · #8CC90B
Jewel Beetle
Jewel Beetleは#8CC90B：rgb(140 201 11)、hsl(79 90% 42%)、oklch(0.765 0.199 128.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Jewel Beetle color name →
#8CC90B
oklch(0.765 0.199 128.4)
カラー変換
- HEX
- #8cc90b
- RGB
- rgb(140 201 11)
- HSL
- hsl(79 90% 42%)
- HWB
- hwb(79 4% 21%)
- OKLCH
- oklch(0.765 0.199 128.4)
- OKLab
- oklab(0.765 -0.124 0.156)
- CIE Lab
- lab(74.65 -37.58 71.56)
- LCH
- lch(74.65 80.83 117.7)
- CMYK
- cmyk(30% 0% 95% 21%)
ティント · シェード · トーン
ティント
- 97CF40
- A3D55C
- AEDA74
- B9E08A
- C5E69F
- D0EBB2
- DCF0C6
- E7F5D9
- F3FAEC
シェード
- 79AE08
- 679506
- 557C04
- 436402
- 334C01
- 233601
- 142200
- 070F00
- 010200
トーン
- 8BC22F
- 8ABB41
- 89B34E
- 88AC58
- 87A561
- 859E69
- 84966F
- 838F75
- 81887B
カラーハーモニー
補色 +180°
- 8CC90B
Jewel Beetle
- CF95FF
≈ Lilás
類似色 -30° +30°
- 8CC90B
Jewel Beetle
- CDB300
≈ Mustard
- 00D487
≈ Seaweed
トライアド +120° +240°
- 8CC90B
Jewel Beetle
- 6EB9FF
≈ Green Darner Tail
- FF89A0
≈ Rosa
スプリットコンプリメンタリー +150° +210°
- 8CC90B
Jewel Beetle
- A1AAFF
≈ Widowmaker
- FF7BDC
≈ Splash of Grenadine
テトラード +90° +180° +270°
- 8CC90B
Jewel Beetle
- 00C7ED
≈ Picnic Day Sky
- CF95FF
≈ Lilás
- FF906D
≈ Pink Orange
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.00:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.47:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--jewel-beetle: #8cc90b;
--jewel-beetle-rgb: 140 201 11;
--jewel-beetle-oklch: oklch(0.765 0.199 128.4);
}
.element {
color: var(--jewel-beetle);
background-color: hsl(79 90% 42%);
border-color: oklch(0.765 0.199 128.4);
}Tailwind CSS v4
@theme {
--color-jewel-beetle: #8cc90b;
--color-jewel-beetle-50: #e2ffc6;
--color-jewel-beetle-100: #d1f6b0;
--color-jewel-beetle-200: #b7e689;
--color-jewel-beetle-300: #94cb56;
--color-jewel-beetle-400: #7ab300;
--color-jewel-beetle-500: #5d9c00;
--color-jewel-beetle-600: #4f8400;
--color-jewel-beetle-700: #3f6a00;
--color-jewel-beetle-800: #304d00;
--color-jewel-beetle-900: #213600;
--color-jewel-beetle-950: #102000;
}SCSS
$jewel-beetle: #8cc90b;
$jewel-beetle-rgb: 140, 201, 11;
$jewel-beetle-light: mix(#fff, $jewel-beetle, 20%);
$jewel-beetle-dark: mix(#000, $jewel-beetle, 20%);
.element {
color: $jewel-beetle;
box-shadow: 0 0 0 2px rgba($jewel-beetle, 0.35);
}