Nazwany kolor · #B9AD61
Gimblet
Gimblet to #B9AD61: rgb(185 173 97), hsl(52 39% 55%), oklch(0.741 0.098 100.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gimblet color name →
#B9AD61
oklch(0.741 0.098 100.5)
Konwersje koloru
- HEX
- #b9ad61
- RGB
- rgb(185 173 97)
- HSL
- hsl(52 39% 55%)
- HWB
- hwb(52 38% 27%)
- OKLCH
- oklch(0.741 0.098 100.5)
- OKLab
- oklab(0.741 -0.018 0.097)
- CIE Lab
- lab(70.51 -3.24 40.39)
- LCH
- lch(70.51 40.52 94.6)
- CMYK
- cmyk(0% 6% 48% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0B572
- C7BD82
- CDC692
- D4CEA2
- DBD6B1
- E2DEC1
- E9E6D0
- F1EFE0
- F8F7EF
Odcienie ciemniejsze
- A09653
- 897F46
- 716A39
- 5B552D
- 464121
- 312D15
- 1E1B0B
- 0D0B03
- 020100
Tony
- B3A966
- ADA46A
- A7A06D
- A29B71
- 9C9774
- 969277
- 918E79
- 8B897C
- 85857E
Harmonie kolorów
Komplementarna +180°
- B9AD61
Gimblet
- 9FA4E8
≈ Cold Lips
Analogowa -30° +30°
- B9AD61
Gimblet
- D3A064
≈ Honey Beehive
- 96B875
≈ Prime Merchandise
Triada +120° +240°
- B9AD61
Gimblet
- 5BBAD6
≈ Azurean
- D693BE
≈ Pressed Flower
Komplementarna rozszczepiona +150° +210°
- B9AD61
Gimblet
- 7BB0E7
≈ Lucea
- BF9ADA
≈ Mauve Mist
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.27:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.21:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--gimblet: #b9ad61;
--gimblet-rgb: 185 173 97;
--gimblet-oklch: oklch(0.741 0.098 100.5);
}
.element {
color: var(--gimblet);
background-color: hsl(52 39% 55%);
border-color: oklch(0.741 0.098 100.5);
}Tailwind CSS v4
@theme {
--color-gimblet: #b9ad61;
--color-gimblet-50: #faf7d7;
--color-gimblet-100: #eeeac4;
--color-gimblet-200: #dcd7a6;
--color-gimblet-300: #c1ba7f;
--color-gimblet-400: #aba059;
--color-gimblet-500: #958730;
--color-gimblet-600: #7e732a;
--color-gimblet-700: #655c21;
--color-gimblet-800: #4b4316;
--color-gimblet-900: #342e0e;
--color-gimblet-950: #201b02;
}SCSS
$gimblet: #b9ad61;
$gimblet-rgb: 185, 173, 97;
$gimblet-light: mix(#fff, $gimblet, 20%);
$gimblet-dark: mix(#000, $gimblet, 20%);
.element {
color: $gimblet;
box-shadow: 0 0 0 2px rgba($gimblet, 0.35);
}