Nazwany kolor · #FFFEB6
Lamenters Yellow
Lamenters Yellow to #FFFEB6: rgb(255 254 182), hsl(59 100% 86%), oklch(0.981 0.091 107.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lamenters Yellow color name →
#FFFEB6
oklch(0.981 0.091 107.3)
Konwersje koloru
- HEX
- #fffeb6
- RGB
- rgb(255 254 182)
- HSL
- hsl(59 100% 86%)
- HWB
- hwb(59 71% 0%)
- OKLCH
- oklch(0.981 0.091 107.3)
- OKLab
- oklab(0.981 -0.027 0.087)
- CIE Lab
- lab(98.49 -7.63 34.69)
- LCH
- lch(98.49 35.52 102.4)
- CMYK
- cmyk(0% 0% 29% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFFEBE
- FFFEC6
- FFFFCD
- FFFFD5
- FFFFDC
- FFFFE3
- FFFFEA
- FFFFF1
- FFFFF8
Odcienie ciemniejsze
- DEDD9E
- BEBD86
- 9E9E6F
- 808059
- 636344
- 484730
- 2E2D1D
- 16160C
- 030302
Tony
- F2F1B1
- E4E4AC
- D7D7A7
- CACAA1
- BDBD9C
- B1B197
- A4A491
- 98988B
- 8C8C86
Harmonie kolorów
Komplementarna +180°
- FFFEB6
Lamenters Yellow
- F8F8FF
≈ Ghost White
Analogowa -30° +30°
- FFFEB6
Lamenters Yellow
- FFF8ED
≈ Satin Purse
- EEFFE8
≈ Crème de Menthe
Triada +120° +240°
- FFFEB6
Lamenters Yellow
- F1FBFF
≈ Alice Blue
- FFF6FA
≈ Sea Salt Sherbet
Komplementarna rozszczepiona +150° +210°
- FFFEB6
Lamenters Yellow
- F5F9FF
≈ Ghost White
- FDF6FF
≈ Cold Snow
Tetrada +90° +180° +270°
- FFFEB6
Lamenters Yellow
- E5FFFF
≈ Bubbles
- F8F8FF
≈ Ghost White
- FFF6F6
≈ Sea Salt Sherbet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.04:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 20.10:1 · APCA Lc 105
Najlepszy kolor tekstu: #000000
WCAG 20.10:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--lamenters-yellow: #fffeb6;
--lamenters-yellow-rgb: 255 254 182;
--lamenters-yellow-oklch: oklch(0.981 0.091 107.3);
}
.element {
color: var(--lamenters-yellow);
background-color: hsl(59 100% 86%);
border-color: oklch(0.981 0.091 107.3);
}Tailwind CSS v4
@theme {
--color-lamenters-yellow: #fffeb6;
--color-lamenters-yellow-50: #f6f8da;
--color-lamenters-yellow-100: #e9ebc9;
--color-lamenters-yellow-200: #d6d8ac;
--color-lamenters-yellow-300: #babc85;
--color-lamenters-yellow-400: #a4a262;
--color-lamenters-yellow-500: #8d8a3d;
--color-lamenters-yellow-600: #777535;
--color-lamenters-yellow-700: #5f5e2a;
--color-lamenters-yellow-800: #47441c;
--color-lamenters-yellow-900: #312f12;
--color-lamenters-yellow-950: #1d1b05;
}SCSS
$lamenters-yellow: #fffeb6;
$lamenters-yellow-rgb: 255, 254, 182;
$lamenters-yellow-light: mix(#fff, $lamenters-yellow, 20%);
$lamenters-yellow-dark: mix(#000, $lamenters-yellow, 20%);
.element {
color: $lamenters-yellow;
box-shadow: 0 0 0 2px rgba($lamenters-yellow, 0.35);
}