Colore con nome · #C6B836
Humorous Green
Humorous Green è #C6B836: rgb(198 184 54), hsl(54 57% 49%), oklch(0.772 0.145 103). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Humorous Green color name →
#C6B836
oklch(0.772 0.145 103)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CBBF52
- D1C769
- D6CE7E
- DCD592
- E2DCA5
- E7E3B7
- EDEAC9
- F3F1DB
- F9F8ED
Ombre
- ACA02E
- 928825
- 7A711E
- 625B16
- 4B450F
- 353108
- 211E03
- 0E0C01
- 020200
Toni
- BFB344
- B7AD50
- B0A759
- A9A260
- A29C67
- 9B976D
- 949173
- 8D8B78
- 87867C
Armonie di colore
Complementare +180°
- C6B836
Humorous Green
- AAAAFF
≈ Shy Moment
Analogo -30° +30°
- C6B836
Humorous Green
- ECA438
≈ Acorn Squash
- 90C864
≈ Apple Orchard
Triadico +120° +240°
- C6B836
Humorous Green
- 00C8F7
≈ Bright Sky Blue
- F48DCD
≈ Bubblegum Beam
Complementare divisa +150° +210°
- C6B836
Humorous Green
- 7CB9FF
≈ Cooler Than Ever
- D598F6
≈ Plasma Trail
Tetradico +90° +180° +270°
- C6B836
Humorous Green
- 00CFCC
≈ Blue Martina
- AAAAFF
≈ Shy Moment
- FF8E9C
≈ Conch Shell
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.03:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.31:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.31:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
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);
}