Nazwany kolor · #FFB10D
Lemon Whisper
Lemon Whisper to #FFB10D: rgb(255 177 13), hsl(41 100% 53%), oklch(0.814 0.169 76.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Lemon Whisper color name →
#FFB10D
oklch(0.814 0.169 76.5)
Konwersje koloru
- HEX
- #ffb10d
- RGB
- rgb(255 177 13)
- HSL
- hsl(41 100% 53%)
- HWB
- hwb(41 5% 0%)
- OKLCH
- oklch(0.814 0.169 76.5)
- OKLab
- oklab(0.814 0.039 0.164)
- CIE Lab
- lab(78.34 21.63 79.42)
- LCH
- lch(78.34 82.31 74.8)
- CMYK
- cmyk(0% 31% 95% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFB942
- FFC25F
- FFCA77
- FFD28D
- FFDAA1
- FFE1B4
- FFE9C8
- FFF0DA
- FFF8ED
Odcienie ciemniejsze
- DE990A
- BE8307
- 9E6C05
- 805703
- 634202
- 482F01
- 2E1C00
- 160C00
- 030100
Tony
- F2AD31
- E5A843
- D8A350
- CB9F5A
- BF9A63
- B2956A
- A59071
- 998B76
- 8C857C
Harmonie kolorów
Komplementarna +180°
- FFB10D
Lemon Whisper
- 9BC5FF
≈ Pastel Blue
Analogowa -30° +30°
- FFB10D
Lemon Whisper
- FFAB83
≈ Sunset Over the Alps
- D0C81C
≈ Barberry Bush
Triada +120° +240°
- FFB10D
Lemon Whisper
- 00DDE0
≈ Fish Boy
- E6A5FF
≈ VIC 20 Pink
Komplementarna rozszczepiona +150° +210°
- FFB10D
Lemon Whisper
- 5DD2FF
≈ Libra Blue Morpho
- BDB9FF
≈ Dried Lilac
Tetrada +90° +180° +270°
- FFB10D
Lemon Whisper
- 00E4AA
≈ Overchlorinated Pool
- 9BC5FF
≈ Pastel Blue
- FF9FD3
≈ Himalayan Balsam
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.54:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--lemon-whisper: #ffb10d;
--lemon-whisper-rgb: 255 177 13;
--lemon-whisper-oklch: oklch(0.814 0.169 76.5);
}
.element {
color: var(--lemon-whisper);
background-color: hsl(41 100% 53%);
border-color: oklch(0.814 0.169 76.5);
}Tailwind CSS v4
@theme {
--color-lemon-whisper: #ffb10d;
--color-lemon-whisper-50: #fff0bf;
--color-lemon-whisper-100: #ffe2a8;
--color-lemon-whisper-200: #fccc7e;
--color-lemon-whisper-300: #e6ac45;
--color-lemon-whisper-400: #d68e00;
--color-lemon-whisper-500: #c37000;
--color-lemon-whisper-600: #a46000;
--color-lemon-whisper-700: #844c00;
--color-lemon-whisper-800: #633600;
--color-lemon-whisper-900: #462500;
--color-lemon-whisper-950: #2d1300;
}SCSS
$lemon-whisper: #ffb10d;
$lemon-whisper-rgb: 255, 177, 13;
$lemon-whisper-light: mix(#fff, $lemon-whisper, 20%);
$lemon-whisper-dark: mix(#000, $lemon-whisper, 20%);
.element {
color: $lemon-whisper;
box-shadow: 0 0 0 2px rgba($lemon-whisper, 0.35);
}