Nazwany kolor · #BD7E08
Guo Tie Dumpling
Guo Tie Dumpling to #BD7E08: rgb(189 126 8), hsl(39 92% 39%), oklch(0.642 0.135 73.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Guo Tie Dumpling color name →
#BD7E08
oklch(0.642 0.135 73.6)
Konwersje koloru
- HEX
- #bd7e08
- RGB
- rgb(189 126 8)
- HSL
- hsl(39 92% 39%)
- HWB
- hwb(39 3% 26%)
- OKLCH
- oklch(0.642 0.135 73.6)
- OKLab
- oklab(0.642 0.038 0.129)
- CIE Lab
- lab(58.31 19.45 62.56)
- LCH
- lch(58.31 65.52 72.7)
- CMYK
- cmyk(0% 33% 96% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C48B36
- CB9851
- D2A568
- D9B27F
- DFBE94
- E6CBAA
- ECD8BF
- F3E5D4
- F9F2EA
Odcienie ciemniejsze
- A46D06
- 8C5C04
- 744C03
- 5D3C02
- 472D01
- 331F01
- 1F1100
- 0D0500
- 020100
Tony
- B77F27
- B17F37
- AB8044
- A5804F
- 9F8158
- 998161
- 938169
- 8D8171
- 868079
Harmonie kolorów
Komplementarna +180°
- BD7E08
Guo Tie Dumpling
- 4D8FDC
≈ Oregon Blue
Analogowa -30° +30°
- BD7E08
Guo Tie Dumpling
- CF6E44
≈ Coral Gold
- 9C9003
≈ Smoothie Green
Triada +120° +240°
- BD7E08
Guo Tie Dumpling
- 00A1A0
≈ Aqua Velvet
- AA72C6
≈ Lavendless
Komplementarna rozszczepiona +150° +210°
- BD7E08
Guo Tie Dumpling
- 009CC2
≈ Sea Wonder
- 8380DB
≈ Indigo Bloom
Tetrada +90° +180° +270°
- BD7E08
Guo Tie Dumpling
- 11A676
≈ Bluish Green
- 4D8FDC
≈ Oregon Blue
- C469A1
≈ Nocturnal Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.41:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.15:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--guo-tie-dumpling: #bd7e08;
--guo-tie-dumpling-rgb: 189 126 8;
--guo-tie-dumpling-oklch: oklch(0.642 0.135 73.6);
}
.element {
color: var(--guo-tie-dumpling);
background-color: hsl(39 92% 39%);
border-color: oklch(0.642 0.135 73.6);
}Tailwind CSS v4
@theme {
--color-guo-tie-dumpling: #bd7e08;
--color-guo-tie-dumpling-50: #fff1cb;
--color-guo-tie-dumpling-100: #ffe2b6;
--color-guo-tie-dumpling-200: #f6cd93;
--color-guo-tie-dumpling-300: #dfae65;
--color-guo-tie-dumpling-400: #ce9135;
--color-guo-tie-dumpling-500: #ba7500;
--color-guo-tie-dumpling-600: #9d6300;
--color-guo-tie-dumpling-700: #7e4f00;
--color-guo-tie-dumpling-800: #5f3900;
--color-guo-tie-dumpling-900: #422700;
--color-guo-tie-dumpling-950: #2a1500;
}SCSS
$guo-tie-dumpling: #bd7e08;
$guo-tie-dumpling-rgb: 189, 126, 8;
$guo-tie-dumpling-light: mix(#fff, $guo-tie-dumpling, 20%);
$guo-tie-dumpling-dark: mix(#000, $guo-tie-dumpling, 20%);
.element {
color: $guo-tie-dumpling;
box-shadow: 0 0 0 2px rgba($guo-tie-dumpling, 0.35);
}