Colore con nome · #D9E650
Maximum Green Yellow
Maximum Green Yellow è #D9E650: rgb(217 230 80), hsl(65 75% 61%), oklch(0.888 0.17 114.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Maximum Green Yellow color name →
#D9E650
oklch(0.888 0.17 114.1)
Conversioni di colore
- HEX
- #d9e650
- RGB
- rgb(217 230 80)
- HSL
- hsl(65 75% 61%)
- HWB
- hwb(65 31% 10%)
- OKLCH
- oklch(0.888 0.17 114.1)
- OKLab
- oklab(0.888 -0.069 0.155)
- CIE Lab
- lab(88.28 -18.21 68.09)
- LCH
- lch(88.28 70.48 105)
- CMYK
- cmyk(6% 0% 65% 10%)
Tinte · Ombre · Toni
Tinte
- DCE968
- E0EC7D
- E4EE90
- E7F1A1
- EBF4B2
- EFF6C2
- F3F8D2
- F7FBE1
- FBFDF0
Ombre
- BCC844
- A1AB39
- 868E2E
- 6C7324
- 53591A
- 3B4010
- 252807
- 111302
- 020300
Toni
- D0DC5A
- C6D163
- BDC769
- B4BD6F
- ABB273
- A2A877
- 999E7A
- 91947D
- 888A7F
Armonie di colore
Complementare +180°
- D9E650
Maximum Green Yellow
- DCD3FF
≈ Pale Lavender
Analogo -30° +30°
- D9E650
Maximum Green Yellow
- FFD47B
≈ Cantaloupe
- 8FF78F
≈ Toxic Frog
Triadico +120° +240°
- D9E650
Maximum Green Yellow
- B1E2FF
≈ Frozen Landscape
- FFC9DD
≈ Cherry Blush
Complementare divisa +150° +210°
- D9E650
Maximum Green Yellow
- C8DBFF
≈ Arc Light
- FBC4FF
≈ Electric Lavender
Tetradico +90° +180° +270°
- D9E650
Maximum Green Yellow
- 65F1FF
≈ Robin’s Egg
- DCD3FF
≈ Pale Lavender
- FFCCC7
≈ Pretty Please
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.38:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--maximum-green-yellow: #d9e650;
--maximum-green-yellow-rgb: 217 230 80;
--maximum-green-yellow-oklch: oklch(0.888 0.17 114.1);
}
.element {
color: var(--maximum-green-yellow);
background-color: hsl(65 75% 61%);
border-color: oklch(0.888 0.17 114.1);
}Tailwind CSS v4
@theme {
--color-maximum-green-yellow: #d9e650;
--color-maximum-green-yellow-50: #f2fcc5;
--color-maximum-green-yellow-100: #e4f0af;
--color-maximum-green-yellow-200: #d0de88;
--color-maximum-green-yellow-300: #b3c254;
--color-maximum-green-yellow-400: #9ea800;
--color-maximum-green-yellow-500: #879000;
--color-maximum-green-yellow-600: #727a00;
--color-maximum-green-yellow-700: #5b6200;
--color-maximum-green-yellow-800: #454700;
--color-maximum-green-yellow-900: #2f3100;
--color-maximum-green-yellow-950: #1c1d00;
}SCSS
$maximum-green-yellow: #d9e650;
$maximum-green-yellow-rgb: 217, 230, 80;
$maximum-green-yellow-light: mix(#fff, $maximum-green-yellow, 20%);
$maximum-green-yellow-dark: mix(#000, $maximum-green-yellow, 20%);
.element {
color: $maximum-green-yellow;
box-shadow: 0 0 0 2px rgba($maximum-green-yellow, 0.35);
}