Najbliższy nazwany kolor · #CACB75
#CACB75
Najbliższy nazwany kolor: Fool’s Gold
#CACB75 (rgb(202 203 117), hsl(61 45% 63%), oklch(0.823 0.109 109.2)) jest najbliższy nazwanemu kolorowi Fool’s Gold. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CACB75
oklch(0.823 0.109 109.2)
Konwersje koloru
- HEX
- #cacb75
- RGB
- rgb(202 203 117)
- HSL
- hsl(61 45% 63%)
- HWB
- hwb(61 46% 20%)
- OKLCH
- oklch(0.823 0.109 109.2)
- OKLab
- oklab(0.823 -0.036 0.103)
- CIE Lab
- lab(80.2 -9.5 42.58)
- LCH
- lch(80.2 43.63 102.6)
- CMYK
- cmyk(0% 0% 42% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFD084
- D4D692
- D9DBA0
- DFE0AE
- E4E5BC
- E9EBC9
- EFF0D7
- F4F5E4
- F9FAF2
Odcienie ciemniejsze
- AFB065
- 959655
- 7C7D46
- 646537
- 4D4D29
- 37371C
- 22220F
- 0F0F05
- 020201
Tony
- C2C377
- BBBC79
- B3B47B
- ABAD7D
- A4A57E
- 9D9E7F
- 95967F
- 8E8F80
- 878780
Harmonie kolorów
Komplementarna +180°
- CACB75
Fool’s Gold
- C3BBFF
≈ Dried Lilac
Analogowa -30° +30°
- CACB75
Fool’s Gold
- EBBD70
≈ Natrolite
- A0D692
≈ Dentist Green
Triada +120° +240°
- CACB75
Fool’s Gold
- 72D2FD
≈ Heisenberg Blue
- FAA8D0
≈ Bazooka Pink
Komplementarna rozszczepiona +150° +210°
- CACB75
Fool’s Gold
- A2C7FF
≈ Apocyan
- E4AEF2
≈ Candy Dreams
Tetrada +90° +180° +270°
- CACB75
Fool’s Gold
- 60DAE0
≈ Neon Nazar
- C3BBFF
≈ Dried Lilac
- FFABAB
≈ Apricot Haze
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.31:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--fool-s-gold: #cacb75;
--fool-s-gold-rgb: 202 203 117;
--fool-s-gold-oklch: oklch(0.823 0.109 109.2);
}
.element {
color: var(--fool-s-gold);
background-color: hsl(61 45% 63%);
border-color: oklch(0.823 0.109 109.2);
}Tailwind CSS v4
@theme {
--color-fool-s-gold: #cacb75;
--color-fool-s-gold-50: #f6f9d5;
--color-fool-s-gold-100: #e9ecc2;
--color-fool-s-gold-200: #d5d9a3;
--color-fool-s-gold-300: #b9bd7b;
--color-fool-s-gold-400: #a3a453;
--color-fool-s-gold-500: #8c8c26;
--color-fool-s-gold-600: #767623;
--color-fool-s-gold-700: #5f5e1c;
--color-fool-s-gold-800: #474511;
--color-fool-s-gold-900: #31300a;
--color-fool-s-gold-950: #1d1c00;
}SCSS
$fool-s-gold: #cacb75;
$fool-s-gold-rgb: 202, 203, 117;
$fool-s-gold-light: mix(#fff, $fool-s-gold, 20%);
$fool-s-gold-dark: mix(#000, $fool-s-gold, 20%);
.element {
color: $fool-s-gold;
box-shadow: 0 0 0 2px rgba($fool-s-gold, 0.35);
}