Adlandırılmış renk · #D6C575
Labrador’s Locks
Labrador’s Locks, #D6C575: rgb(214 197 117), hsl(49 54% 65%), oklch(0.82 0.103 97.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Labrador’s Locks color name →
#D6C575
oklch(0.82 0.103 97.7)
Renk dönüşümleri
- HEX
- #d6c575
- RGB
- rgb(214 197 117)
- HSL
- hsl(49 54% 65%)
- HWB
- hwb(49 46% 16%)
- OKLCH
- oklch(0.82 0.103 97.7)
- OKLab
- oklab(0.82 -0.014 0.102)
- CIE Lab
- lab(79.65 -1.77 42.2)
- LCH
- lch(79.65 42.24 92.4)
- CMYK
- cmyk(0% 8% 45% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DACB84
- DED192
- E2D7A0
- E6DCAE
- EAE2BC
- EEE8C9
- F2EED7
- F7F4E4
- FBF9F2
Koyu tonlar
- BAAB65
- 9E9255
- 847946
- 6A6137
- 524B29
- 3B351C
- 25210F
- 100E05
- 020201
Gri tonlar
- CDBE77
- C4B779
- BBB07B
- B3A97D
- AAA27E
- A19B7F
- 99957F
- 908E80
- 888780
Renk uyumları
Tamamlayıcı +180°
- D6C575
Labrador’s Locks
- B6BFFF
≈ Dried Lilac
Analog -30° +30°
- D6C575
Labrador’s Locks
- F1B87A
≈ Surprise Amber
- B1D188
≈ Lettuce Green
Üçlü +120° +240°
- D6C575
Labrador’s Locks
- 6ED5F0
≈ Heisenberg Blue
- F0ABDC
≈ Pretty Pink Piggy
Bölünmüş tamamlayıcı +150° +210°
- D6C575
Labrador’s Locks
- 92CAFF
≈ Clear Sky
- D6B3F8
≈ Light Violet
Dörtlü +90° +180° +270°
- D6C575
Labrador’s Locks
- 6CDAD0
≈ Hammam Blue
- B6BFFF
≈ Dried Lilac
- FEA8B8
≈ A Brand New Day
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.10:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.10:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--labrador-s-locks: #d6c575;
--labrador-s-locks-rgb: 214 197 117;
--labrador-s-locks-oklch: oklch(0.82 0.103 97.7);
}
.element {
color: var(--labrador-s-locks);
background-color: hsl(49 54% 65%);
border-color: oklch(0.82 0.103 97.7);
}Tailwind CSS v4
@theme {
--color-labrador-s-locks: #d6c575;
--color-labrador-s-locks-50: #fcf6d5;
--color-labrador-s-locks-100: #f0e9c2;
--color-labrador-s-locks-200: #ded6a3;
--color-labrador-s-locks-300: #c4b97b;
--color-labrador-s-locks-400: #af9f54;
--color-labrador-s-locks-500: #998628;
--color-labrador-s-locks-600: #817224;
--color-labrador-s-locks-700: #675b1d;
--color-labrador-s-locks-800: #4d4212;
--color-labrador-s-locks-900: #362d0b;
--color-labrador-s-locks-950: #211a01;
}SCSS
$labrador-s-locks: #d6c575;
$labrador-s-locks-rgb: 214, 197, 117;
$labrador-s-locks-light: mix(#fff, $labrador-s-locks, 20%);
$labrador-s-locks-dark: mix(#000, $labrador-s-locks, 20%);
.element {
color: $labrador-s-locks;
box-shadow: 0 0 0 2px rgba($labrador-s-locks, 0.35);
}