Colore con nome · #EFC944
Colombian Yellow
Colombian Yellow è #EFC944: rgb(239 201 68), hsl(47 84% 60%), oklch(0.846 0.151 92.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Colombian Yellow color name →
#EFC944
oklch(0.846 0.151 92.6)
Conversioni di colore
- HEX
- #efc944
- RGB
- rgb(239 201 68)
- HSL
- hsl(47 84% 60%)
- HWB
- hwb(47 27% 6%)
- OKLCH
- oklch(0.846 0.151 92.6)
- OKLab
- oklab(0.846 -0.007 0.151)
- CIE Lab
- lab(82.61 4.09 67.84)
- LCH
- lch(82.61 67.97 86.5)
- CMYK
- cmyk(0% 16% 72% 6%)
Tinte · Ombre · Toni
Tinte
- F1CF5E
- F2D474
- F4DA88
- F5E09B
- F7E5AC
- F9EABD
- FAF0CE
- FCF5DF
- FDFAEF
Ombre
- D0AE3A
- B19530
- 947C26
- 78641D
- 5C4C14
- 42360C
- 2A2205
- 140F02
- 030200
Toni
- E3C250
- D8BA5A
- CCB362
- C1AC68
- B6A56E
- AB9D73
- A09677
- 958F7A
- 8B877D
Armonie di colore
Complementare +180°
- EFC944
Colombian Yellow
- BBCAFF
≈ Light Periwinkle
Analogo -30° +30°
- EFC944
Colombian Yellow
- FFBD81
≈ Apricot Flower
- BBDC65
≈ Citrus Lime
Triadico +120° +240°
- EFC944
Colombian Yellow
- 46E3FF
≈ Splashing Wave
- FFACF2
≈ Pink Wink
Complementare divisa +150° +210°
- EFC944
Colombian Yellow
- 9CD4FF
≈ Baby Blue
- D8BEFF
≈ Lavender Fragrance
Tetradico +90° +180° +270°
- EFC944
Colombian Yellow
- 02ECD5
≈ Frozen Boubble
- BBCAFF
≈ Light Periwinkle
- FFB4C7
≈ Cherry Blossom Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.10:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--colombian-yellow: #efc944;
--colombian-yellow-rgb: 239 201 68;
--colombian-yellow-oklch: oklch(0.846 0.151 92.6);
}
.element {
color: var(--colombian-yellow);
background-color: hsl(47 84% 60%);
border-color: oklch(0.846 0.151 92.6);
}Tailwind CSS v4
@theme {
--color-colombian-yellow: #efc944;
--color-colombian-yellow-50: #fff5c5;
--color-colombian-yellow-100: #f8e8af;
--color-colombian-yellow-200: #e9d488;
--color-colombian-yellow-300: #d0b655;
--color-colombian-yellow-400: #be9b00;
--color-colombian-yellow-500: #a98000;
--color-colombian-yellow-600: #8f6d00;
--color-colombian-yellow-700: #735700;
--color-colombian-yellow-800: #563f00;
--color-colombian-yellow-900: #3c2b00;
--color-colombian-yellow-950: #261800;
}SCSS
$colombian-yellow: #efc944;
$colombian-yellow-rgb: 239, 201, 68;
$colombian-yellow-light: mix(#fff, $colombian-yellow, 20%);
$colombian-yellow-dark: mix(#000, $colombian-yellow, 20%);
.element {
color: $colombian-yellow;
box-shadow: 0 0 0 2px rgba($colombian-yellow, 0.35);
}