Nazwany kolor · #F1E78C
Bright Khaki
Bright Khaki to #F1E78C: rgb(241 231 140), hsl(54 78% 75%), oklch(0.916 0.113 102.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Bright Khaki color name →
#F1E78C
oklch(0.916 0.113 102.9)
Konwersje koloru
- HEX
- #f1e78c
- RGB
- rgb(241 231 140)
- HSL
- hsl(54 78% 75%)
- HWB
- hwb(54 55% 5%)
- OKLCH
- oklch(0.916 0.113 102.9)
- OKLab
- oklab(0.916 -0.025 0.11)
- CIE Lab
- lab(90.98 -5.68 45.44)
- LCH
- lch(90.98 45.79 97.1)
- CMYK
- cmyk(0% 4% 42% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2EA99
- F4ECA5
- F5EFB1
- F6F1BD
- F8F4C8
- F9F6D3
- FBF8DE
- FCFBE9
- FDFDF4
Odcienie ciemniejsze
- D2C979
- B3AB67
- 958F55
- 797343
- 5D5933
- 434023
- 2B2814
- 141307
- 030301
Tony
- E5DC8C
- D9D28C
- CEC78B
- C2BD8A
- B7B389
- ABA888
- A09E86
- 959484
- 8B8A82
Harmonie kolorów
Komplementarna +180°
- F1E78C
Bright Khaki
- DFE1FF
≈ Stoic White
Analogowa -30° +30°
- F1E78C
Bright Khaki
- FFDDB3
≈ Feather Plume
- C6F4A6
≈ Snappy Green
Triada +120° +240°
- F1E78C
Bright Khaki
- BBECFF
≈ Ice Effect
- FFD5ED
≈ Pink Currant
Komplementarna rozszczepiona +150° +210°
- F1E78C
Bright Khaki
- D1E6FF
≈ Veiling Waterfalls
- F1D9FF
≈ Lavender Savour
Tetrada +90° +180° +270°
- F1E78C
Bright Khaki
- 7DFBF8
≈ Ancient Ice
- DFE1FF
≈ Stoic White
- FFD8DB
≈ Satin Ribbon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.54:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--bright-khaki: #f1e78c;
--bright-khaki-rgb: 241 231 140;
--bright-khaki-oklch: oklch(0.916 0.113 102.9);
}
.element {
color: var(--bright-khaki);
background-color: hsl(54 78% 75%);
border-color: oklch(0.916 0.113 102.9);
}Tailwind CSS v4
@theme {
--color-bright-khaki: #f1e78c;
--color-bright-khaki-50: #f9f8d3;
--color-bright-khaki-100: #edebbf;
--color-bright-khaki-200: #dbd89f;
--color-bright-khaki-300: #c0bb76;
--color-bright-khaki-400: #aba14c;
--color-bright-khaki-500: #948816;
--color-bright-khaki-600: #7d7417;
--color-bright-khaki-700: #645c13;
--color-bright-khaki-800: #4b430a;
--color-bright-khaki-900: #342e06;
--color-bright-khaki-950: #201b00;
}SCSS
$bright-khaki: #f1e78c;
$bright-khaki-rgb: 241, 231, 140;
$bright-khaki-light: mix(#fff, $bright-khaki, 20%);
$bright-khaki-dark: mix(#000, $bright-khaki, 20%);
.element {
color: $bright-khaki;
box-shadow: 0 0 0 2px rgba($bright-khaki, 0.35);
}