Adlandırılmış renk · #DADCC1
Garden Gate
Garden Gate, #DADCC1: rgb(218 220 193), hsl(64 28% 81%), oklch(0.886 0.036 110.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Garden Gate color name →
#DADCC1
oklch(0.886 0.036 110.6)
Renk dönüşümleri
- HEX
- #dadcc1
- RGB
- rgb(218 220 193)
- HSL
- hsl(64 28% 81%)
- HWB
- hwb(64 76% 14%)
- OKLCH
- oklch(0.886 0.036 110.6)
- OKLab
- oklab(0.886 -0.013 0.034)
- CIE Lab
- lab(87.06 -4.13 13.09)
- LCH
- lch(87.06 13.72 107.5)
- CMYK
- cmyk(1% 0% 12% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DEDFC7
- E1E3CD
- E5E6D3
- E9EADA
- ECEDE0
- F0F1E6
- F4F4EC
- F7F8F2
- FBFBF9
Koyu tonlar
- BDBFA7
- A2A38F
- 878877
- 6C6E5F
- 545449
- 3C3C34
- 252620
- 11110E
- 020202
Gri tonlar
- D1D2BA
- C7C9B4
- BEBFAD
- B5B6A7
- ACADA0
- A3A49A
- 9A9B93
- 91928D
- 898986
Renk uyumları
Tamamlayıcı +180°
- DADCC1
Garden Gate
- D9D6F0
≈ Lavender Sky
Analog -30° +30°
- DADCC1
Garden Gate
- E6D7BF
≈ Echelon Ecru
- CDE0C9
≈ Endive
Üçlü +120° +240°
- DADCC1
Garden Gate
- C2DEED
≈ Island View
- EDD0DC
≈ Creamy Freesia
Bölünmüş tamamlayıcı +150° +210°
- DADCC1
Garden Gate
- CCDAF2
≈ Fly a Kite
- E5D2E8
≈ Sonora Rose
Dörtlü +90° +180° +270°
- DADCC1
Garden Gate
- BFE1E3
≈ Right as Rain
- D9D6F0
≈ Lavender Sky
- F1D1CF
≈ Kobold Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 14.98:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.98:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--garden-gate: #dadcc1;
--garden-gate-rgb: 218 220 193;
--garden-gate-oklch: oklch(0.886 0.036 110.6);
}
.element {
color: var(--garden-gate);
background-color: hsl(64 28% 81%);
border-color: oklch(0.886 0.036 110.6);
}Tailwind CSS v4
@theme {
--color-garden-gate: #dadcc1;
--color-garden-gate-50: #f5f6eb;
--color-garden-gate-100: #e8e9dc;
--color-garden-gate-200: #d4d6c5;
--color-garden-gate-300: #b7baa5;
--color-garden-gate-400: #9fa188;
--color-garden-gate-500: #87896d;
--color-garden-gate-600: #72745d;
--color-garden-gate-700: #5b5d4a;
--color-garden-gate-800: #434435;
--color-garden-gate-900: #2e2f24;
--color-garden-gate-950: #1b1b13;
}SCSS
$garden-gate: #dadcc1;
$garden-gate-rgb: 218, 220, 193;
$garden-gate-light: mix(#fff, $garden-gate, 20%);
$garden-gate-dark: mix(#000, $garden-gate, 20%);
.element {
color: $garden-gate;
box-shadow: 0 0 0 2px rgba($garden-gate, 0.35);
}