色名 · #B6E12A
Jazzercise
Jazzerciseは#B6E12A：rgb(182 225 42)、hsl(74 75% 52%)、oklch(0.849 0.198 123)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Jazzercise color name →
#B6E12A
oklch(0.849 0.198 123)
カラー変換
- HEX
- #b6e12a
- RGB
- rgb(182 225 42)
- HSL
- hsl(74 75% 52%)
- HWB
- hwb(74 16% 12%)
- OKLCH
- oklch(0.849 0.198 123)
- OKLab
- oklab(0.849 -0.107 0.166)
- CIE Lab
- lab(84.24 -31.1 75.14)
- LCH
- lch(84.24 81.32 112.5)
- CMYK
- cmyk(19% 0% 81% 12%)
ティント · シェード · トーン
ティント
- BDE550
- C4E86A
- CBEB80
- D2EE95
- DAF2A8
- E1F4BA
- E8F7CC
- F0FADD
- F7FDEE
シェード
- 9EC423
- 86A71C
- 6F8B16
- 597010
- 44560A
- 303E05
- 1D2702
- 0C1201
- 020200
トーン
- B0D740
- ABCD4E
- A5C459
- A0BA62
- 9AB069
- 95A76F
- 909D75
- 8A9379
- 858A7D
カラーハーモニー
補色 +180°
- B6E12A
Jazzercise
- D9C0FF
≈ Lavender Fragrance
類似色 -30° +30°
- B6E12A
Jazzercise
- F5C900
≈ Egg Toast
- 43F18D
≈ Emerald Ice Palace
トライアド +120° +240°
- B6E12A
Jazzercise
- 9FD4FF
≈ Malmö FF
- FFB6C8
≈ Cherry Blossom Pink
スプリットコンプリメンタリー +150° +210°
- B6E12A
Jazzercise
- BDCBFF
≈ Light Periwinkle
- FFAEF1
≈ Pink Wink
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.52:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.79:1 · APCA Lc 79
最適な文字色: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--jazzercise: #b6e12a;
--jazzercise-rgb: 182 225 42;
--jazzercise-oklch: oklch(0.849 0.198 123);
}
.element {
color: var(--jazzercise);
background-color: hsl(74 75% 52%);
border-color: oklch(0.849 0.198 123);
}Tailwind CSS v4
@theme {
--color-jazzercise: #b6e12a;
--color-jazzercise-50: #e8ffc2;
--color-jazzercise-100: #d9f4ab;
--color-jazzercise-200: #c1e383;
--color-jazzercise-300: #a0c84b;
--color-jazzercise-400: #89af00;
--color-jazzercise-500: #6f9800;
--color-jazzercise-600: #5e8000;
--color-jazzercise-700: #4b6700;
--color-jazzercise-800: #394b00;
--color-jazzercise-900: #273400;
--color-jazzercise-950: #161f00;
}SCSS
$jazzercise: #b6e12a;
$jazzercise-rgb: 182, 225, 42;
$jazzercise-light: mix(#fff, $jazzercise, 20%);
$jazzercise-dark: mix(#000, $jazzercise, 20%);
.element {
color: $jazzercise;
box-shadow: 0 0 0 2px rgba($jazzercise, 0.35);
}