Nazwany kolor · #C9B003
Brownish Yellow
Brownish Yellow to #C9B003: rgb(201 176 3), hsl(52 97% 40%), oklch(0.756 0.156 98.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Brownish Yellow color name →
#C9B003
oklch(0.756 0.156 98.9)
Konwersje koloru
- HEX
- #c9b003
- RGB
- rgb(201 176 3)
- HSL
- hsl(52 97% 40%)
- HWB
- hwb(52 1% 21%)
- OKLCH
- oklch(0.756 0.156 98.9)
- OKLab
- oklab(0.756 -0.024 0.154)
- CIE Lab
- lab(72.31 -1.03 73.22)
- LCH
- lch(72.31 73.23 90.8)
- CMYK
- cmyk(0% 12% 99% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEB83D
- D3C05A
- D9C872
- DED088
- E3D89D
- E9E0B1
- EEE8C5
- F4F0D8
- F9F7EC
Odcienie ciemniejsze
- AE9902
- 958202
- 7C6C01
- 645601
- 4C4200
- 362E00
- 221C00
- 0F0B00
- 020100
Tony
- C1AB2C
- BAA73E
- B2A24B
- AB9D56
- A3995F
- 9C9467
- 958F6E
- 8E8A75
- 87857B
Harmonie kolorów
Komplementarna +180°
- C9B003
Brownish Yellow
- 9FA7FF
≈ Widowmaker
Analogowa -30° +30°
- C9B003
Brownish Yellow
- EF9B22
≈ Burning Trail
- 91C24D
≈ Thrilling Lime
Triada +120° +240°
- C9B003
Brownish Yellow
- 00C3EA
≈ Blue Raspberry
- EF86D0
≈ Blushed Bombshell
Komplementarna rozszczepiona +150° +210°
- C9B003
Brownish Yellow
- 69B6FF
≈ French Sky Blue
- CD92FA
≈ Lilás
Tetrada +90° +180° +270°
- C9B003
Brownish Yellow
- 00CAC0
≈ Pristine Oceanic
- 9FA7FF
≈ Widowmaker
- FF839C
≈ Rosa
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.69:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.69:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--brownish-yellow: #c9b003;
--brownish-yellow-rgb: 201 176 3;
--brownish-yellow-oklch: oklch(0.756 0.156 98.9);
}
.element {
color: var(--brownish-yellow);
background-color: hsl(52 97% 40%);
border-color: oklch(0.756 0.156 98.9);
}Tailwind CSS v4
@theme {
--color-brownish-yellow: #c9b003;
--color-brownish-yellow-50: #fef7c4;
--color-brownish-yellow-100: #f3eaae;
--color-brownish-yellow-200: #e2d787;
--color-brownish-yellow-300: #c9b952;
--color-brownish-yellow-400: #b69f00;
--color-brownish-yellow-500: #a18500;
--color-brownish-yellow-600: #887100;
--color-brownish-yellow-700: #6d5a00;
--color-brownish-yellow-800: #524100;
--color-brownish-yellow-900: #392d00;
--color-brownish-yellow-950: #241a00;
}SCSS
$brownish-yellow: #c9b003;
$brownish-yellow-rgb: 201, 176, 3;
$brownish-yellow-light: mix(#fff, $brownish-yellow, 20%);
$brownish-yellow-dark: mix(#000, $brownish-yellow, 20%);
.element {
color: $brownish-yellow;
box-shadow: 0 0 0 2px rgba($brownish-yellow, 0.35);
}