Adlandırılmış renk · #BF764C
Monarch Migration
Monarch Migration, #BF764C: rgb(191 118 76), hsl(22 47% 52%), oklch(0.635 0.108 49.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Monarch Migration color name →
#BF764C
oklch(0.635 0.108 49.8)
Renk dönüşümleri
- HEX
- #bf764c
- RGB
- rgb(191 118 76)
- HSL
- hsl(22 47% 52%)
- HWB
- hwb(22 30% 25%)
- OKLCH
- oklch(0.635 0.108 49.8)
- OKLab
- oklab(0.635 0.07 0.083)
- CIE Lab
- lab(57.09 26.47 35.52)
- LCH
- lch(57.09 44.3 53.3)
- CMYK
- cmyk(0% 38% 60% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C6845E
- CD9170
- D49F82
- DBAC93
- E1BAA5
- E8C8B6
- EED5C8
- F4E3DA
- F9F1ED
Koyu tonlar
- A66641
- 8D5636
- 75472C
- 5E3822
- 482918
- 331C0F
- 1F0F06
- 0D0502
- 020100
Gri tonlar
- B97852
- B37958
- AD7A5E
- A77B63
- A17C69
- 9B7D6E
- 947E72
- 8E7F77
- 877F7C
Renk uyumları
Tamamlayıcı +180°
- BF764C
Monarch Migration
- 3396BF
≈ Galleon Blue
Analog -30° +30°
- BF764C
Monarch Migration
- C46E70
≈ Art House Pink
- AD8334
≈ Garden Sprout
Üçlü +120° +240°
- BF764C
Monarch Migration
- 34A080
≈ Klimt Green
- 8A7FC8
≈ Faraway Sky
Bölünmüş tamamlayıcı +150° +210°
- BF764C
Monarch Migration
- 009EA4
≈ Turkish Boy
- 638BCC
≈ Royal Regatta
Dörtlü +90° +180° +270°
- BF764C
Monarch Migration
- 669B5A
≈ Green Hornet
- 3396BF
≈ Galleon Blue
- A875B4
≈ Bell Heather
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.55:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.91:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--monarch-migration: #bf764c;
--monarch-migration-rgb: 191 118 76;
--monarch-migration-oklch: oklch(0.635 0.108 49.8);
}
.element {
color: var(--monarch-migration);
background-color: hsl(22 47% 52%);
border-color: oklch(0.635 0.108 49.8);
}Tailwind CSS v4
@theme {
--color-monarch-migration: #bf764c;
--color-monarch-migration-50: #ffedda;
--color-monarch-migration-100: #ffdfc8;
--color-monarch-migration-200: #fbc8aa;
--color-monarch-migration-300: #e4a884;
--color-monarch-migration-400: #d28b63;
--color-monarch-migration-500: #bf6f3f;
--color-monarch-migration-600: #a15e37;
--color-monarch-migration-700: #814b2b;
--color-monarch-migration-800: #60361f;
--color-monarch-migration-900: #442514;
--color-monarch-migration-950: #2b1306;
}SCSS
$monarch-migration: #bf764c;
$monarch-migration-rgb: 191, 118, 76;
$monarch-migration-light: mix(#fff, $monarch-migration, 20%);
$monarch-migration-dark: mix(#000, $monarch-migration, 20%);
.element {
color: $monarch-migration;
box-shadow: 0 0 0 2px rgba($monarch-migration, 0.35);
}