Color con nombre más cercano · #EFC095
#EFC095
Color con nombre más cercano: Peachy-Kini
#EFC095 (rgb(239 192 149), hsl(29 74% 76%), oklch(0.839 0.078 63.9)) se parece más al color con nombre Peachy-Kini. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EFC095
oklch(0.839 0.078 63.9)
Conversiones de color
- HEX
- #efc095
- RGB
- rgb(239 192 149)
- HSL
- hsl(29 74% 76%)
- HWB
- hwb(29 58% 6%)
- OKLCH
- oklch(0.839 0.078 63.9)
- OKLab
- oklab(0.839 0.034 0.07)
- CIE Lab
- lab(81.19 13.19 28.43)
- LCH
- lch(81.19 31.34 65.1)
- CMYK
- cmyk(0% 20% 38% 6%)
Tintes · Sombras · Tonos
Tintes
- F1C6A0
- F3CDAA
- F4D3B5
- F6D9C0
- F8E0CA
- F9E6D5
- FBECDF
- FCF2EA
- FEF9F4
Sombras
- D0A781
- B18E6D
- 94765A
- 785F48
- 5C4937
- 423426
- 2A2016
- 140E08
- 030201
Tonos
- E4BA93
- D8B391
- CDAD90
- C2A68E
- B6A08C
- AB9989
- A09387
- 968D85
- 8B8682
Armonías de color
Complementario +180°
- EFC095
Peachy-Kini
- 9FD1FA
≈ Baby Blue
Análogo -30° +30°
- EFC095
Peachy-Kini
- F9B8A9
≈ Yahoo
- DBCA90
≈ Asparagus Yellow
Triádico +120° +240°
- EFC095
Peachy-Kini
- 8EDBD0
≈ Island Breeze
- D5BEF4
≈ Beefy Pink
Complementario dividido +150° +210°
- EFC095
Peachy-Kini
- 8DD8E9
≈ Tanager Turquoise
- BAC7FE
≈ Light Periwinkle
Tetrádico +90° +180° +270°
- EFC095
Peachy-Kini
- A3DAB3
≈ Frugal
- 9FD1FA
≈ Baby Blue
- EBB8E0
≈ Pink Drink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASobre negro
WCAG 12.64:1 · APCA Lc 74
Mejor color de texto: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--peachy-kini: #efc095;
--peachy-kini-rgb: 239 192 149;
--peachy-kini-oklch: oklch(0.839 0.078 63.9);
}
.element {
color: var(--peachy-kini);
background-color: hsl(29 74% 76%);
border-color: oklch(0.839 0.078 63.9);
}Tailwind CSS v4
@theme {
--color-peachy-kini: #efc095;
--color-peachy-kini-50: #fff1de;
--color-peachy-kini-100: #fbe3cd;
--color-peachy-kini-200: #ecceb2;
--color-peachy-kini-300: #d4b08d;
--color-peachy-kini-400: #c0956d;
--color-peachy-kini-500: #ab7b4d;
--color-peachy-kini-600: #906842;
--color-peachy-kini-700: #745334;
--color-peachy-kini-800: #563c25;
--color-peachy-kini-900: #3c2919;
--color-peachy-kini-950: #26170a;
}SCSS
$peachy-kini: #efc095;
$peachy-kini-rgb: 239, 192, 149;
$peachy-kini-light: mix(#fff, $peachy-kini, 20%);
$peachy-kini-dark: mix(#000, $peachy-kini, 20%);
.element {
color: $peachy-kini;
box-shadow: 0 0 0 2px rgba($peachy-kini, 0.35);
}