Nazwany kolor · #B8A584
Country Cork
Country Cork to #B8A584: rgb(184 165 132), hsl(38 27% 62%), oklch(0.73 0.051 81.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Country Cork color name →
#B8A584
oklch(0.73 0.051 81.4)
Konwersje koloru
- HEX
- #b8a584
- RGB
- rgb(184 165 132)
- HSL
- hsl(38 27% 62%)
- HWB
- hwb(38 52% 28%)
- OKLCH
- oklch(0.73 0.051 81.4)
- OKLab
- oklab(0.73 0.008 0.05)
- CIE Lab
- lab(68.78 3.37 19.83)
- LCH
- lch(68.78 20.12 80.4)
- CMYK
- cmyk(0% 10% 28% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BFAE90
- C6B79C
- CDBFA8
- D4C8B4
- DBD1C0
- E2DACD
- E9E3D9
- F1EDE6
- F8F6F2
Odcienie ciemniejsze
- A08F72
- 887960
- 71654F
- 5B513F
- 453D2F
- 312B20
- 1E1A12
- 0C0A06
- 020101
Tony
- B2A184
- AD9E84
- A79A83
- A19683
- 9C9283
- 968F82
- 908B82
- 8B8781
- 858481
Harmonie kolorów
Komplementarna +180°
- B8A584
Country Cork
- 96A8C8
≈ Finesse
Analogowa -30° +30°
- B8A584
Country Cork
- C29F8B
≈ Sweetwood
- A8AB87
≈ Meditation Time
Triada +120° +240°
- B8A584
Country Cork
- 82B2B5
≈ Cold Front Green
- B79EBB
≈ Tuileries Tint
Komplementarna rozszczepiona +150° +210°
- B8A584
Country Cork
- 88AEC2
≈ Chilly Blue
- A7A3C6
≈ Fife
Tetrada +90° +180° +270°
- B8A584
Country Cork
- 88B2A4
≈ Le Max
- 96A8C8
≈ Finesse
- C29BAB
≈ Fauna
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.39:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.75:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.75:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--country-cork: #b8a584;
--country-cork-rgb: 184 165 132;
--country-cork-oklch: oklch(0.73 0.051 81.4);
}
.element {
color: var(--country-cork);
background-color: hsl(38 27% 62%);
border-color: oklch(0.73 0.051 81.4);
}Tailwind CSS v4
@theme {
--color-country-cork: #b8a584;
--color-country-cork-50: #fcf4e5;
--color-country-cork-100: #f0e7d5;
--color-country-cork-200: #dfd3bc;
--color-country-cork-300: #c4b69b;
--color-country-cork-400: #ae9c7d;
--color-country-cork-500: #978360;
--color-country-cork-600: #806f51;
--color-country-cork-700: #665941;
--color-country-cork-800: #4c412e;
--color-country-cork-900: #352c1f;
--color-country-cork-950: #201a0f;
}SCSS
$country-cork: #b8a584;
$country-cork-rgb: 184, 165, 132;
$country-cork-light: mix(#fff, $country-cork, 20%);
$country-cork-dark: mix(#000, $country-cork, 20%);
.element {
color: $country-cork;
box-shadow: 0 0 0 2px rgba($country-cork, 0.35);
}