Colore con nome · #C6DA36
Las Palmas
Las Palmas è #C6DA36: rgb(198 218 54), hsl(67 69% 53%), oklch(0.846 0.178 116.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Las Palmas color name →
#C6DA36
oklch(0.846 0.178 116.6)
Conversioni di colore
- HEX
- #c6da36
- RGB
- rgb(198 218 54)
- HSL
- hsl(67 69% 53%)
- HWB
- hwb(67 21% 15%)
- OKLCH
- oklch(0.846 0.178 116.6)
- OKLab
- oklab(0.846 -0.08 0.159)
- CIE Lab
- lab(83.47 -21.36 71.78)
- LCH
- lch(83.47 74.89 106.6)
- CMYK
- cmyk(9% 0% 75% 15%)
Tinte · Ombre · Toni
Tinte
- CBDE56
- D1E26E
- D6E683
- DCEA97
- E1EEA9
- E7F1BB
- EDF5CD
- F3F8DE
- F9FCEE
Ombre
- ACBD2E
- 92A225
- 7A871E
- 626C16
- 4B540F
- 353C08
- 212503
- 0E1101
- 020200
Toni
- BFD147
- B7C853
- B0BF5D
- A9B665
- A2AD6B
- 9BA471
- 949B75
- 8D927A
- 86897D
Armonie di colore
Complementare +180°
- C6DA36
Las Palmas
- D1C1FF
≈ Innocent Snowdrop
Analogo -30° +30°
- C6DA36
Las Palmas
- FDC300
≈ Golden Poppy
- 73EB83
≈ Grotesque Green
Triadico +120° +240°
- C6DA36
Las Palmas
- 93D6FF
≈ Long Island Sound
- FFB3CE
≈ Pink Cattleya
Complementare divisa +150° +210°
- C6DA36
Las Palmas
- B6CCFF
≈ Night Snow
- FEA9FF
≈ Jigglypuff
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.48:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.48:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--las-palmas: #c6da36;
--las-palmas-rgb: 198 218 54;
--las-palmas-oklch: oklch(0.846 0.178 116.6);
}
.element {
color: var(--las-palmas);
background-color: hsl(67 69% 53%);
border-color: oklch(0.846 0.178 116.6);
}Tailwind CSS v4
@theme {
--color-las-palmas: #c6da36;
--color-las-palmas-50: #effdc3;
--color-las-palmas-100: #e1f1ad;
--color-las-palmas-200: #ccdf86;
--color-las-palmas-300: #afc450;
--color-las-palmas-400: #99aa00;
--color-las-palmas-500: #819200;
--color-las-palmas-600: #6d7c00;
--color-las-palmas-700: #576300;
--color-las-palmas-800: #424800;
--color-las-palmas-900: #2e3200;
--color-las-palmas-950: #1b1d00;
}SCSS
$las-palmas: #c6da36;
$las-palmas-rgb: 198, 218, 54;
$las-palmas-light: mix(#fff, $las-palmas, 20%);
$las-palmas-dark: mix(#000, $las-palmas, 20%);
.element {
color: $las-palmas;
box-shadow: 0 0 0 2px rgba($las-palmas, 0.35);
}