Nazwany kolor · #C7C10C
Cricket Chirping
Cricket Chirping to #C7C10C: rgb(199 193 12), hsl(58 89% 41%), oklch(0.79 0.168 107.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cricket Chirping color name →
#C7C10C
oklch(0.79 0.168 107.4)
Konwersje koloru
- HEX
- #c7c10c
- RGB
- rgb(199 193 12)
- HSL
- hsl(58 89% 41%)
- HWB
- hwb(58 5% 22%)
- OKLCH
- oklch(0.79 0.168 107.4)
- OKLab
- oklab(0.79 -0.05 0.16)
- CIE Lab
- lab(76.65 -10.12 75.19)
- LCH
- lch(76.65 75.87 97.7)
- CMYK
- cmyk(0% 3% 94% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCC841
- D1CE5E
- D7D476
- DCDB8B
- E2E1A0
- E7E7B4
- EDEDC7
- F3F3DA
- F9F9EC
Odcienie ciemniejsze
- ADA709
- 938F06
- 7A7704
- 625F03
- 4C4902
- 363401
- 212000
- 0E0E00
- 020200
Tony
- BFBB30
- B8B442
- B1AE4F
- A9A759
- A2A162
- 9B9A6A
- 949470
- 8D8D76
- 87877B
Harmonie kolorów
Komplementarna +180°
- C7C10C
Cricket Chirping
- B6AFFF
≈ Winterspring Lilac
Analogowa -30° +30°
- C7C10C
Cricket Chirping
- F4AA00
≈ Spectra Yellow
- 83D362
≈ Bright Lettuce
Triada +120° +240°
- C7C10C
Cricket Chirping
- 3CCBFF
≈ Thor’s Thunder
- FF91CC
≈ Himalayan Balsam
Komplementarna rozszczepiona +150° +210°
- C7C10C
Cricket Chirping
- 8FBDFF
≈ Scenic Water
- E597FF
≈ Party Pig
Tetrada +90° +180° +270°
- C7C10C
Cricket Chirping
- 00D4D9
≈ Aztec Turquoise
- B6AFFF
≈ Winterspring Lilac
- FF999E
≈ Mad Pinker
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.89:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.06:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.06:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--cricket-chirping: #c7c10c;
--cricket-chirping-rgb: 199 193 12;
--cricket-chirping-oklch: oklch(0.79 0.168 107.4);
}
.element {
color: var(--cricket-chirping);
background-color: hsl(58 89% 41%);
border-color: oklch(0.79 0.168 107.4);
}Tailwind CSS v4
@theme {
--color-cricket-chirping: #c7c10c;
--color-cricket-chirping-50: #f8fac2;
--color-cricket-chirping-100: #ebedac;
--color-cricket-chirping-200: #d9db84;
--color-cricket-chirping-300: #bebe4e;
--color-cricket-chirping-400: #aaa400;
--color-cricket-chirping-500: #948b00;
--color-cricket-chirping-600: #7d7600;
--color-cricket-chirping-700: #645e00;
--color-cricket-chirping-800: #4b4400;
--color-cricket-chirping-900: #342f00;
--color-cricket-chirping-950: #201b00;
}SCSS
$cricket-chirping: #c7c10c;
$cricket-chirping-rgb: 199, 193, 12;
$cricket-chirping-light: mix(#fff, $cricket-chirping, 20%);
$cricket-chirping-dark: mix(#000, $cricket-chirping, 20%);
.element {
color: $cricket-chirping;
box-shadow: 0 0 0 2px rgba($cricket-chirping, 0.35);
}