Benoemde kleur · #EBEB57
Pineapple High
Pineapple High is #EBEB57: rgb(235 235 87), hsl(60 79% 63%), oklch(0.913 0.166 109.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Pineapple High color name →
#EBEB57
oklch(0.913 0.166 109.3)
Kleurconversies
- HEX
- #ebeb57
- RGB
- rgb(235 235 87)
- HSL
- hsl(60 79% 63%)
- HWB
- hwb(60 34% 8%)
- OKLCH
- oklch(0.913 0.166 109.3)
- OKLab
- oklab(0.913 -0.055 0.157)
- CIE Lab
- lab(91.06 -12.99 68.76)
- LCH
- lch(91.06 69.98 100.7)
- CMYK
- cmyk(0% 0% 63% 8%)
Tinten · Schaduwen · Tonen
Tinten
- EDED6E
- EFF082
- F0F294
- F2F4A5
- F4F6B5
- F6F8C5
- F8FAD4
- FAFCE2
- FDFDF1
Schaduwen
- CCCC4B
- AEAE3E
- 919133
- 757527
- 5B5B1C
- 414112
- 292908
- 131303
- 030300
Tonen
- E0E060
- D4D568
- C9CA6E
- BEC072
- B3B576
- A9AA7A
- 9EA07C
- 94957E
- 8A8B7F
Kleurharmonieën
Complementair +180°
- EBEB57
Pineapple High
- E1DEFF
≈ Contrail
Analoog -30° +30°
- EBEB57
Pineapple High
- FFDDA7
≈ Horseradish Yellow
- A6FD8F
≈ Mint to Be
Triadisch +120° +240°
- EBEB57
Pineapple High
- BFEAFF
≈ Blue Java Banana
- FFD5E8
≈ Pink Currant
Gesplitst complementair +150° +210°
- EBEB57
Pineapple High
- D2E4FF
≈ Veiling Waterfalls
- F6D5FF
≈ Pink Diamond
Tetradisch +90° +180° +270°
- EBEB57
Pineapple High
- 7BF9FF
≈ Electric Blue
- E1DEFF
≈ Contrail
- FFD7D7
≈ We Peep
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.26:1 · APCA Lc 13
Ag
AAAOp zwart
WCAG 16.55:1 · APCA Lc 91
Beste tekstkleur: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--pineapple-high: #ebeb57;
--pineapple-high-rgb: 235 235 87;
--pineapple-high-oklch: oklch(0.913 0.166 109.3);
}
.element {
color: var(--pineapple-high);
background-color: hsl(60 79% 63%);
border-color: oklch(0.913 0.166 109.3);
}Tailwind CSS v4
@theme {
--color-pineapple-high: #ebeb57;
--color-pineapple-high-50: #f6fac4;
--color-pineapple-high-100: #e9eeae;
--color-pineapple-high-200: #d7db86;
--color-pineapple-high-300: #bbbf52;
--color-pineapple-high-400: #a7a500;
--color-pineapple-high-500: #908c00;
--color-pineapple-high-600: #7a7700;
--color-pineapple-high-700: #625f00;
--color-pineapple-high-800: #4a4500;
--color-pineapple-high-900: #333000;
--color-pineapple-high-950: #1f1c00;
}SCSS
$pineapple-high: #ebeb57;
$pineapple-high-rgb: 235, 235, 87;
$pineapple-high-light: mix(#fff, $pineapple-high, 20%);
$pineapple-high-dark: mix(#000, $pineapple-high, 20%);
.element {
color: $pineapple-high;
box-shadow: 0 0 0 2px rgba($pineapple-high, 0.35);
}