色名 · #00BB66
Green Elliott
Green Elliottは#00BB66：rgb(0 187 102)、hsl(153 100% 37%)、oklch(0.695 0.177 153.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Green Elliott color name →
#00BB66
oklch(0.695 0.177 153.5)
カラー変換
- HEX
- #00bb66
- RGB
- rgb(0 187 102)
- HSL
- hsl(153 100% 37%)
- HWB
- hwb(153 0% 27%)
- OKLCH
- oklch(0.695 0.177 153.5)
- OKLab
- oklab(0.695 -0.158 0.079)
- CIE Lab
- lab(66.85 -56.09 31.3)
- LCH
- lch(66.85 64.23 150.8)
- CMYK
- cmyk(100% 0% 45% 27%)
ティント · シェード · トーン
ティント
- 3FC276
- 5DC985
- 75D194
- 8BD7A3
- A0DEB2
- B4E5C1
- C7ECD1
- DAF2E0
- ECF9EF
シェード
- 00A258
- 008A4A
- 00733C
- 005C2F
- 004623
- 003217
- 001F0C
- 000D04
- 000200
トーン
- 2DB569
- 41B06D
- 4EAA70
- 59A472
- 629E75
- 699878
- 70927A
- 768C7C
- 7B867E
カラーハーモニー
補色 +180°
- 00BB66
Green Elliott
- DB6DCA
≈ Pink Orchid
類似色 -30° +30°
- 00BB66
Green Elliott
- 88AD00
≈ Gameboy Screen
- 00B5A5
≈ Glass Jar Blue
トライアド +120° +240°
- 00BB66
Green Elliott
- 7E92FF
≈ Lavender Blue Shadow
- F66B4E
≈ Sango Red
スプリットコンプリメンタリー +150° +210°
- 00BB66
Green Elliott
- B47DF5
≈ Illicit Purple
- F26591
≈ God’s Own Junkyard Pink
テトラード +90° +180° +270°
- 00BB66
Green Elliott
- 00A5FD
≈ Protoss Pylon
- DB6DCA
≈ Pink Orchid
- DF8300
≈ Tangerine Haze
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.53:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.29:1 · APCA Lc 53
最適な文字色: #000000
WCAG 8.29:1 (AAA) · APCA Lc 53
Contrast pairs
コードスニペット
CSS
:root {
--green-elliott: #00bb66;
--green-elliott-rgb: 0 187 102;
--green-elliott-oklch: oklch(0.695 0.177 153.5);
}
.element {
color: var(--green-elliott);
background-color: hsl(153 100% 37%);
border-color: oklch(0.695 0.177 153.5);
}Tailwind CSS v4
@theme {
--color-green-elliott: #00bb66;
--color-green-elliott-50: #cdffe0;
--color-green-elliott-100: #b8facf;
--color-green-elliott-200: #93ebb4;
--color-green-elliott-300: #60d290;
--color-green-elliott-400: #25bb6b;
--color-green-elliott-500: #00a549;
--color-green-elliott-600: #008c3e;
--color-green-elliott-700: #007032;
--color-green-elliott-800: #00521f;
--color-green-elliott-900: #003915;
--color-green-elliott-950: #002406;
}SCSS
$green-elliott: #00bb66;
$green-elliott-rgb: 0, 187, 102;
$green-elliott-light: mix(#fff, $green-elliott, 20%);
$green-elliott-dark: mix(#000, $green-elliott, 20%);
.element {
color: $green-elliott;
box-shadow: 0 0 0 2px rgba($green-elliott, 0.35);
}