Nazwany kolor · #E7BD42
Brass Balls
Brass Balls to #E7BD42: rgb(231 189 66), hsl(45 77% 58%), oklch(0.814 0.144 89.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Brass Balls color name →
#E7BD42
oklch(0.814 0.144 89.5)
Konwersje koloru
- HEX
- #e7bd42
- RGB
- rgb(231 189 66)
- HSL
- hsl(45 77% 58%)
- HWB
- hwb(45 26% 9%)
- OKLCH
- oklch(0.814 0.144 89.5)
- OKLab
- oklab(0.814 0.001 0.144)
- CIE Lab
- lab(78.8 6.58 64.67)
- LCH
- lch(78.8 65 84.2)
- CMYK
- cmyk(0% 18% 71% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9C45C
- ECCB72
- EED285
- F1D898
- F3DFAA
- F6E5BB
- F8ECCD
- FAF2DD
- FDF9EE
Odcienie ciemniejsze
- C9A438
- AB8C2F
- 8F7425
- 735D1C
- 594714
- 40330B
- 281F05
- 130D01
- 030200
Tony
- DCB74E
- D2B158
- C7AB60
- BDA566
- B29F6C
- A89971
- 9E9376
- 948D7A
- 8A867D
Harmonie kolorów
Komplementarna +180°
- E7BD42
Brass Balls
- AAC0FF
≈ Pastel Blue
Analogowa -30° +30°
- E7BD42
Brass Balls
- FFAD69
≈ Transparent Orange
- B8CF5C
≈ Hidden Meadow
Triada +120° +240°
- E7BD42
Brass Balls
- 00DAF3
≈ Tamarama
- F69FEF
≈ Pink Elephants
Komplementarna rozszczepiona +150° +210°
- E7BD42
Brass Balls
- 80CCFF
≈ Chromis Damsel Blue
- CCB2FF
≈ Teasel Dipsacus
Tetrada +90° +180° +270°
- E7BD42
Brass Balls
- 21E0C5
≈ Celestial Green
- AAC0FF
≈ Pastel Blue
- FFA3C0
≈ Taffy Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.75:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--brass-balls: #e7bd42;
--brass-balls-rgb: 231 189 66;
--brass-balls-oklch: oklch(0.814 0.144 89.5);
}
.element {
color: var(--brass-balls);
background-color: hsl(45 77% 58%);
border-color: oklch(0.814 0.144 89.5);
}Tailwind CSS v4
@theme {
--color-brass-balls: #e7bd42;
--color-brass-balls-50: #fff5c7;
--color-brass-balls-100: #f9e7b1;
--color-brass-balls-200: #ebd38c;
--color-brass-balls-300: #d2b55b;
--color-brass-balls-400: #c0991b;
--color-brass-balls-500: #ac7f00;
--color-brass-balls-600: #916b00;
--color-brass-balls-700: #745600;
--color-brass-balls-800: #573e00;
--color-brass-balls-900: #3d2b00;
--color-brass-balls-950: #261800;
}SCSS
$brass-balls: #e7bd42;
$brass-balls-rgb: 231, 189, 66;
$brass-balls-light: mix(#fff, $brass-balls, 20%);
$brass-balls-dark: mix(#000, $brass-balls, 20%);
.element {
color: $brass-balls;
box-shadow: 0 0 0 2px rgba($brass-balls, 0.35);
}