Nazwany kolor · #D6C443
Limone
Limone to #D6C443: rgb(214 196 67), hsl(53 64% 55%), oklch(0.812 0.146 101.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Limone color name →
#D6C443
oklch(0.812 0.146 101.2)
Konwersje koloru
- HEX
- #d6c443
- RGB
- rgb(214 196 67)
- HSL
- hsl(53 64% 55%)
- HWB
- hwb(53 26% 16%)
- OKLCH
- oklch(0.812 0.146 101.2)
- OKLab
- oklab(0.812 -0.028 0.143)
- CIE Lab
- lab(78.97 -3.98 63.77)
- LCH
- lch(78.97 63.9 93.6)
- CMYK
- cmyk(0% 8% 69% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DACA5D
- DED072
- E2D686
- E6DC98
- EAE2AA
- EEE8BC
- F2EECD
- F6F4DE
- FBF9EE
Odcienie ciemniejsze
- BAAA39
- 9E912F
- 847826
- 6A611D
- 524A14
- 3B350C
- 252105
- 100E01
- 020200
Tony
- CDBD4F
- C4B658
- BBB060
- B2A967
- AAA26C
- A19B71
- 999576
- 908E7A
- 88877D
Harmonie kolorów
Komplementarna +180°
- D6C443
Limone
- B6BBFF
≈ Dried Lilac
Analogowa -30° +30°
- D6C443
Limone
- FCB048
≈ Butterscotch
- A0D56D
≈ Tropical Light
Triada +120° +240°
- D6C443
Limone
- 3DD5FF
≈ Libra Blue Morpho
- FF9CDC
≈ Rose Daphne
Komplementarna rozszczepiona +150° +210°
- D6C443
Limone
- 93C6FF
≈ Clear Sky
- DDA9FF
≈ Testosterose
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.83:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--limone: #d6c443;
--limone-rgb: 214 196 67;
--limone-oklch: oklch(0.812 0.146 101.2);
}
.element {
color: var(--limone);
background-color: hsl(53 64% 55%);
border-color: oklch(0.812 0.146 101.2);
}Tailwind CSS v4
@theme {
--color-limone: #d6c443;
--color-limone-50: #fcf8c8;
--color-limone-100: #f0ebb2;
--color-limone-200: #dfd88d;
--color-limone-300: #c5bb5d;
--color-limone-400: #b1a01e;
--color-limone-500: #9c8700;
--color-limone-600: #847200;
--color-limone-700: #695b00;
--color-limone-800: #4f4200;
--color-limone-900: #372e00;
--color-limone-950: #221a00;
}SCSS
$limone: #d6c443;
$limone-rgb: 214, 196, 67;
$limone-light: mix(#fff, $limone, 20%);
$limone-dark: mix(#000, $limone, 20%);
.element {
color: $limone;
box-shadow: 0 0 0 2px rgba($limone, 0.35);
}