Color con nombre · #E9B679
Paloma Tan
Paloma Tan es #E9B679: rgb(233 182 121), hsl(33 72% 69%), oklch(0.809 0.098 70.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Paloma Tan color name →
#E9B679
oklch(0.809 0.098 70.7)
Conversiones de color
- HEX
- #e9b679
- RGB
- rgb(233 182 121)
- HSL
- hsl(33 72% 69%)
- HWB
- hwb(33 47% 9%)
- OKLCH
- oklch(0.809 0.098 70.7)
- OKLab
- oklab(0.809 0.032 0.092)
- CIE Lab
- lab(77.77 13.68 38.38)
- LCH
- lch(77.77 40.75 70.4)
- CMYK
- cmyk(0% 22% 48% 9%)
Tintes · Sombras · Tonos
Tintes
- ECBD87
- EEC595
- F0CCA2
- F3D3B0
- F5DBBD
- F7E2CA
- F9E9D7
- FBF1E5
- FDF8F2
Sombras
- CB9E68
- AD8658
- 906F48
- 745939
- 5A442B
- 41301D
- 291D10
- 130C05
- 030201
Tonos
- DEB17B
- D3AB7C
- C9A67D
- BEA17E
- B49B7F
- A99680
- 9F9080
- 958B80
- 8A8580
Armonías de color
Complementario +180°
- E9B679
Paloma Tan
- 91C5FE
≈ Clear Sky
Análogo -30° +30°
- E9B679
Paloma Tan
- F7AB90
≈ October Haze
- CEC377
≈ Tropical Moss
Triádico +120° +240°
- E9B679
Paloma Tan
- 6CD5CF
≈ Hidden Sea Glass
- D5AFF0
≈ Petal Plush
Complementario dividido +150° +210°
- E9B679
Paloma Tan
- 72CFED
≈ Summer Splash
- B5BAFF
≈ Greyish Lavender
Tetrádico +90° +180° +270°
- E9B679
Paloma Tan
- 85D5AC
≈ Tadorna Teal
- 91C5FE
≈ Clear Sky
- ECA8D4
≈ Cosmic Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASobre negro
WCAG 11.43:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.43:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
CSS
:root {
--paloma-tan: #e9b679;
--paloma-tan-rgb: 233 182 121;
--paloma-tan-oklch: oklch(0.809 0.098 70.7);
}
.element {
color: var(--paloma-tan);
background-color: hsl(33 72% 69%);
border-color: oklch(0.809 0.098 70.7);
}Tailwind CSS v4
@theme {
--color-paloma-tan: #e9b679;
--color-paloma-tan-50: #fff1d7;
--color-paloma-tan-100: #fde3c5;
--color-paloma-tan-200: #efcea7;
--color-paloma-tan-300: #d7b07f;
--color-paloma-tan-400: #c3945c;
--color-paloma-tan-500: #af7a34;
--color-paloma-tan-600: #94672e;
--color-paloma-tan-700: #765324;
--color-paloma-tan-800: #583c19;
--color-paloma-tan-900: #3e2910;
--color-paloma-tan-950: #271703;
}SCSS
$paloma-tan: #e9b679;
$paloma-tan-rgb: 233, 182, 121;
$paloma-tan-light: mix(#fff, $paloma-tan, 20%);
$paloma-tan-dark: mix(#000, $paloma-tan, 20%);
.element {
color: $paloma-tan;
box-shadow: 0 0 0 2px rgba($paloma-tan, 0.35);
}