色名 · #C6B836
Humorous Green
Humorous Greenは#C6B836：rgb(198 184 54)、hsl(54 57% 49%)、oklch(0.772 0.145 103)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Humorous Green color name →
#C6B836
oklch(0.772 0.145 103)
カラー変換
- HEX
- #c6b836
- RGB
- rgb(198 184 54)
- HSL
- hsl(54 57% 49%)
- HWB
- hwb(54 21% 22%)
- OKLCH
- oklch(0.772 0.145 103)
- OKLab
- oklab(0.772 -0.033 0.141)
- CIE Lab
- lab(74.29 -5.36 63.5)
- LCH
- lch(74.29 63.73 94.8)
- CMYK
- cmyk(0% 7% 73% 22%)
ティント · シェード · トーン
ティント
- CBBF52
- D1C769
- D6CE7E
- DCD592
- E2DCA5
- E7E3B7
- EDEAC9
- F3F1DB
- F9F8ED
シェード
- ACA02E
- 928825
- 7A711E
- 625B16
- 4B450F
- 353108
- 211E03
- 0E0C01
- 020200
トーン
- BFB344
- B7AD50
- B0A759
- A9A260
- A29C67
- 9B976D
- 949173
- 8D8B78
- 87867C
カラーハーモニー
補色 +180°
- C6B836
Humorous Green
- AAAAFF
≈ Shy Moment
類似色 -30° +30°
- C6B836
Humorous Green
- ECA438
≈ Acorn Squash
- 90C864
≈ Apple Orchard
トライアド +120° +240°
- C6B836
Humorous Green
- 00C8F7
≈ Bright Sky Blue
- F48DCD
≈ Bubblegum Beam
スプリットコンプリメンタリー +150° +210°
- C6B836
Humorous Green
- 7CB9FF
≈ Cooler Than Ever
- D598F6
≈ Plasma Trail
テトラード +90° +180° +270°
- C6B836
Humorous Green
- 00CFCC
≈ Blue Martina
- AAAAFF
≈ Shy Moment
- FF8E9C
≈ Conch Shell
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.03:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.31:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.31:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--humorous-green: #c6b836;
--humorous-green-rgb: 198 184 54;
--humorous-green-oklch: oklch(0.772 0.145 103);
}
.element {
color: var(--humorous-green);
background-color: hsl(54 57% 49%);
border-color: oklch(0.772 0.145 103);
}Tailwind CSS v4
@theme {
--color-humorous-green: #c6b836;
--color-humorous-green-50: #fbf8c9;
--color-humorous-green-100: #eeebb3;
--color-humorous-green-200: #ddd88f;
--color-humorous-green-300: #c2bc5f;
--color-humorous-green-400: #aea123;
--color-humorous-green-500: #998800;
--color-humorous-green-600: #817300;
--color-humorous-green-700: #675c00;
--color-humorous-green-800: #4e4300;
--color-humorous-green-900: #362e00;
--color-humorous-green-950: #211b00;
}SCSS
$humorous-green: #c6b836;
$humorous-green-rgb: 198, 184, 54;
$humorous-green-light: mix(#fff, $humorous-green, 20%);
$humorous-green-dark: mix(#000, $humorous-green, 20%);
.element {
color: $humorous-green;
box-shadow: 0 0 0 2px rgba($humorous-green, 0.35);
}