Adlandırılmış renk · #BB8E34
Hokey Pokey
Hokey Pokey, #BB8E34: rgb(187 142 52), hsl(40 56% 47%), oklch(0.674 0.118 81.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Hokey Pokey color name →
#BB8E34
oklch(0.674 0.118 81.3)
Renk dönüşümleri
- HEX
- #bb8e34
- RGB
- rgb(187 142 52)
- HSL
- hsl(40 56% 47%)
- HWB
- hwb(40 20% 27%)
- OKLCH
- oklch(0.674 0.118 81.3)
- OKLab
- oklab(0.674 0.018 0.117)
- CIE Lab
- lab(62.22 11.1 52.46)
- LCH
- lch(62.22 53.62 78.1)
- CMYK
- cmyk(0% 24% 72% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2994D
- C9A563
- D0B077
- D7BB8B
- DDC69E
- E4D2B2
- EBDDC5
- F2E8D8
- F8F4EC
Koyu tonlar
- A27B2C
- 8A6824
- 73561C
- 5C4415
- 46340E
- 322407
- 1F1503
- 0D0701
- 020100
Gri tonlar
- B58D40
- AF8C4A
- A98B53
- A3895B
- 9E8862
- 988669
- 92856F
- 8C8375
- 86827B
Renk uyumları
Tamamlayıcı +180°
- BB8E34
Hokey Pokey
- 6D96DF
≈ Little Boy Blue
Analog -30° +30°
- BB8E34
Hokey Pokey
- CF804F
≈ Apricot Buff
- 999D3E
≈ Be Yourself
Üçlü +120° +240°
- BB8E34
Hokey Pokey
- 00ABB4
≈ Bluebird
- B87DC2
≈ Lavender Sweater
Bölünmüş tamamlayıcı +150° +210°
- BB8E34
Hokey Pokey
- 36A3D2
≈ Blue Tango
- 9788D9
≈ Perrywinkle
Dörtlü +90° +180° +270°
- BB8E34
Hokey Pokey
- 30AD8D
≈ Wells of Wonder
- 6D96DF
≈ Little Boy Blue
- CD769F
≈ Heartbreaker
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.98:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.03:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--hokey-pokey: #bb8e34;
--hokey-pokey-rgb: 187 142 52;
--hokey-pokey-oklch: oklch(0.674 0.118 81.3);
}
.element {
color: var(--hokey-pokey);
background-color: hsl(40 56% 47%);
border-color: oklch(0.674 0.118 81.3);
}Tailwind CSS v4
@theme {
--color-hokey-pokey: #bb8e34;
--color-hokey-pokey-50: #fff3d0;
--color-hokey-pokey-100: #fbe5bc;
--color-hokey-pokey-200: #edd09a;
--color-hokey-pokey-300: #d5b26f;
--color-hokey-pokey-400: #c29744;
--color-hokey-pokey-500: #ad7c00;
--color-hokey-pokey-600: #926905;
--color-hokey-pokey-700: #755407;
--color-hokey-pokey-800: #583d04;
--color-hokey-pokey-900: #3d2a03;
--color-hokey-pokey-950: #271700;
}SCSS
$hokey-pokey: #bb8e34;
$hokey-pokey-rgb: 187, 142, 52;
$hokey-pokey-light: mix(#fff, $hokey-pokey, 20%);
$hokey-pokey-dark: mix(#000, $hokey-pokey, 20%);
.element {
color: $hokey-pokey;
box-shadow: 0 0 0 2px rgba($hokey-pokey, 0.35);
}