Adlandırılmış renk · #AB9673
Quail Valley
Quail Valley, #AB9673: rgb(171 150 115), hsl(38 25% 56%), oklch(0.683 0.055 80.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? → · Quail Valley color name →
#AB9673
oklch(0.683 0.055 80.3)
Renk dönüşümleri
- HEX
- #ab9673
- RGB
- rgb(171 150 115)
- HSL
- hsl(38 25% 56%)
- HWB
- hwb(38 45% 33%)
- OKLCH
- oklch(0.683 0.055 80.3)
- OKLab
- oklab(0.683 0.009 0.054)
- CIE Lab
- lab(63.31 4.15 21.54)
- LCH
- lch(63.31 21.94 79.1)
- CMYK
- cmyk(0% 12% 33% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B3A081
- BBAA8E
- C4B59C
- CCBFAA
- D4C9B8
- DDD4C6
- E5DFD4
- EEE9E2
- F6F4F0
Koyu tonlar
- 948263
- 7E6E54
- 685B45
- 544936
- 403728
- 2D261B
- 1B160F
- 0B0805
- 010101
Gri tonlar
- A79475
- A29276
- 9E9078
- 9A8D79
- 958B7A
- 91897C
- 8D877D
- 89847E
- 84827F
Renk uyumları
Tamamlayıcı +180°
- AB9673
Quail Valley
- 869ABC
≈ Sailing
Analog -30° +30°
- AB9673
Quail Valley
- B6907B
≈ Changing Seasons
- 9B9D76
≈ Curly Grass
Üçlü +120° +240°
- AB9673
Quail Valley
- 70A4A7
≈ Fairstar
- A98FAE
≈ Revered
Bölünmüş tamamlayıcı +150° +210°
- AB9673
Quail Valley
- 76A0B5
≈ Grey Blue
- 9894B9
≈ Indifferent
Dörtlü +90° +180° +270°
- AB9673
Quail Valley
- 77A594
≈ Free Green
- 869ABC
≈ Sailing
- B48C9E
≈ Lover’s Tryst
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.86:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.34:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.34:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--quail-valley: #ab9673;
--quail-valley-rgb: 171 150 115;
--quail-valley-oklch: oklch(0.683 0.055 80.3);
}
.element {
color: var(--quail-valley);
background-color: hsl(38 25% 56%);
border-color: oklch(0.683 0.055 80.3);
}Tailwind CSS v4
@theme {
--color-quail-valley: #ab9673;
--color-quail-valley-50: #fdf4e4;
--color-quail-valley-100: #f1e7d4;
--color-quail-valley-200: #e0d3bb;
--color-quail-valley-300: #c5b598;
--color-quail-valley-400: #af9b7a;
--color-quail-valley-500: #99835c;
--color-quail-valley-600: #826f4f;
--color-quail-valley-700: #68583f;
--color-quail-valley-800: #4d402d;
--color-quail-valley-900: #352c1e;
--color-quail-valley-950: #21190e;
}SCSS
$quail-valley: #ab9673;
$quail-valley-rgb: 171, 150, 115;
$quail-valley-light: mix(#fff, $quail-valley, 20%);
$quail-valley-dark: mix(#000, $quail-valley, 20%);
.element {
color: $quail-valley;
box-shadow: 0 0 0 2px rgba($quail-valley, 0.35);
}