Color con nombre · #909969
Exotic Palm
Exotic Palm es #909969: rgb(144 153 105), hsl(71 19% 51%), oklch(0.663 0.068 116.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Exotic Palm color name →
#909969
oklch(0.663 0.068 116.9)
Conversiones de color
- HEX
- #909969
- RGB
- rgb(144 153 105)
- HSL
- hsl(71 19% 51%)
- HWB
- hwb(71 41% 40%)
- OKLCH
- oklch(0.663 0.068 116.9)
- OKLab
- oklab(0.663 -0.031 0.06)
- CIE Lab
- lab(61.57 -9.46 24.16)
- LCH
- lch(61.57 25.95 111.4)
- CMYK
- cmyk(6% 0% 31% 40%)
Tintes · Sombras · Tonos
Tintes
- 9AA378
- A5AD86
- B0B795
- BBC1A4
- C6CBB3
- D1D5C2
- DCE0D1
- E8EAE0
- F3F4EF
Sombras
- 7D845A
- 6A704C
- 575D3E
- 454A31
- 343824
- 242718
- 15170C
- 070804
- 010100
Tonos
- 8E976C
- 8D946E
- 8B9271
- 898F73
- 888D76
- 868A78
- 85887A
- 83857C
- 82837E
Armonías de color
Complementario +180°
- 909969
Exotic Palm
- 978BB8
≈ Brave Purple
Análogo -30° +30°
- 909969
Exotic Palm
- A59162
≈ Rolling Prairie
- 789F7B
≈ Green Grey
Triádico +120° +240°
- 909969
Exotic Palm
- 6B9AB8
≈ Lake Lucerne
- B68294
≈ Nuisette
Complementario dividido +150° +210°
- 909969
Exotic Palm
- 8092BE
≈ Soothsayer
- AA85A9
≈ Dusty Lavender
Tetrádico +90° +180° +270°
- 909969
Exotic Palm
- 5E9FA8
≈ Atlas Cedar
- 978BB8
≈ Brave Purple
- B9847D
≈ Red Clover
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.02:1 · APCA Lc 57
Ag
AASobre negro
WCAG 6.94:1 · APCA Lc 45
Mejor color de texto: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
Fragmentos de código
CSS
:root {
--exotic-palm: #909969;
--exotic-palm-rgb: 144 153 105;
--exotic-palm-oklch: oklch(0.663 0.068 116.9);
}
.element {
color: var(--exotic-palm);
background-color: hsl(71 19% 51%);
border-color: oklch(0.663 0.068 116.9);
}Tailwind CSS v4
@theme {
--color-exotic-palm: #909969;
--color-exotic-palm-50: #f3f8e3;
--color-exotic-palm-100: #e5ecd2;
--color-exotic-palm-200: #d1d9b9;
--color-exotic-palm-300: #b3bd96;
--color-exotic-palm-400: #9ba476;
--color-exotic-palm-500: #838c58;
--color-exotic-palm-600: #6f774b;
--color-exotic-palm-700: #585f3b;
--color-exotic-palm-800: #41452a;
--color-exotic-palm-900: #2d301c;
--color-exotic-palm-950: #1a1c0c;
}SCSS
$exotic-palm: #909969;
$exotic-palm-rgb: 144, 153, 105;
$exotic-palm-light: mix(#fff, $exotic-palm, 20%);
$exotic-palm-dark: mix(#000, $exotic-palm, 20%);
.element {
color: $exotic-palm;
box-shadow: 0 0 0 2px rgba($exotic-palm, 0.35);
}