Color con nombre más cercano · #C5C080
#C5C080
Color con nombre más cercano: Kiss a Frog
#C5C080 (rgb(197 192 128), hsl(56 37% 64%), oklch(0.797 0.084 104.3)) se parece más al color con nombre Kiss a Frog. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C5C080
oklch(0.797 0.084 104.3)
Conversiones de color
- HEX
- #c5c080
- RGB
- rgb(197 192 128)
- HSL
- hsl(56 37% 64%)
- HWB
- hwb(56 50% 23%)
- OKLCH
- oklch(0.797 0.084 104.3)
- OKLab
- oklab(0.797 -0.021 0.081)
- CIE Lab
- lab(76.99 -5.29 32.97)
- LCH
- lch(76.99 33.39 99.1)
- CMYK
- cmyk(0% 3% 35% 23%)
Tintes · Sombras · Tonos
Tintes
- CBC68D
- D0CD9A
- D6D3A7
- DCD9B3
- E1DFC0
- E7E6CC
- EDECD9
- F3F2E6
- F9F9F2
Sombras
- ABA76E
- 928E5D
- 79764D
- 615F3D
- 4B492E
- 35341F
- 212012
- 0E0E06
- 020201
Tonos
- BEB981
- B7B381
- B0AD82
- A9A682
- A2A082
- 9B9982
- 949381
- 8D8D81
- 878681
Armonías de color
Complementario +180°
- C5C080
Kiss a Frog
- B6B6F1
≈ Purple Illusion
Análogo -30° +30°
- C5C080
Kiss a Frog
- DDB57F
≈ Cellini Gold
- A6C992
≈ Arcadian Green
Triádico +120° +240°
- C5C080
Kiss a Frog
- 7FC9E5
≈ Budgie Blue
- E4A7CA
≈ Pink Bliss
Complementario dividido +150° +210°
- C5C080
Kiss a Frog
- 98C0F2
≈ Sail to the Sea
- D1ADE3
≈ Whisper of Plum
Tetrádico +90° +180° +270°
- C5C080
Kiss a Frog
- 78CECD
≈ Soft Turquoise
- B6B6F1
≈ Purple Illusion
- EEA7AC
≈ Hibiscus Petal
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.22:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.22:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--kiss-a-frog: #c5c080;
--kiss-a-frog-rgb: 197 192 128;
--kiss-a-frog-oklch: oklch(0.797 0.084 104.3);
}
.element {
color: var(--kiss-a-frog);
background-color: hsl(56 37% 64%);
border-color: oklch(0.797 0.084 104.3);
}Tailwind CSS v4
@theme {
--color-kiss-a-frog: #c5c080;
--color-kiss-a-frog-50: #f8f7dc;
--color-kiss-a-frog-100: #ebeaca;
--color-kiss-a-frog-200: #d8d7ae;
--color-kiss-a-frog-300: #bcbb89;
--color-kiss-a-frog-400: #a6a166;
--color-kiss-a-frog-500: #8f8943;
--color-kiss-a-frog-600: #79743a;
--color-kiss-a-frog-700: #615d2e;
--color-kiss-a-frog-800: #48431f;
--color-kiss-a-frog-900: #322f14;
--color-kiss-a-frog-950: #1e1b06;
}SCSS
$kiss-a-frog: #c5c080;
$kiss-a-frog-rgb: 197, 192, 128;
$kiss-a-frog-light: mix(#fff, $kiss-a-frog, 20%);
$kiss-a-frog-dark: mix(#000, $kiss-a-frog, 20%);
.element {
color: $kiss-a-frog;
box-shadow: 0 0 0 2px rgba($kiss-a-frog, 0.35);
}