Adlandırılmış renk · #A3D0B6
Feather Green
Feather Green, #A3D0B6: rgb(163 208 182), hsl(145 32% 73%), oklch(0.818 0.06 159.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Feather Green color name →
#A3D0B6
oklch(0.818 0.06 159.4)
Renk dönüşümleri
- HEX
- #a3d0b6
- RGB
- rgb(163 208 182)
- HSL
- hsl(145 32% 73%)
- HWB
- hwb(145 64% 18%)
- OKLCH
- oklch(0.818 0.06 159.4)
- OKLab
- oklab(0.818 -0.056 0.021)
- CIE Lab
- lab(79.73 -19.25 7.89)
- LCH
- lch(79.73 20.81 157.7)
- CMYK
- cmyk(22% 0% 12% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ACD5BD
- B6D9C4
- BFDECC
- C8E3D3
- D1E7DA
- DAECE1
- E3F1E9
- EDF6F0
- F6FAF8
Koyu tonlar
- 8DB59E
- 789A86
- 63806F
- 4F6759
- 3C4F44
- 2A3930
- 19231D
- 0A100C
- 010202
Gri tonlar
- A0C8B0
- 9CC0AB
- 99B7A6
- 96AFA0
- 92A79B
- 8F9F95
- 8B9790
- 87908B
- 848885
Renk uyumları
Tamamlayıcı +180°
- A3D0B6
Feather Green
- DFB5D0
≈ Muddy Mauve
Analog -30° +30°
- A3D0B6
Feather Green
- B7CCA3
≈ Gleam
- 97D1CC
≈ Summer Soft Blue
Üçlü +120° +240°
- A3D0B6
Feather Green
- BBC0EA
≈ Larkspur Bud
- E7B7A7
≈ Embrace
Bölünmüş tamamlayıcı +150° +210°
- A3D0B6
Feather Green
- CFBAE1
≈ Drifting Dream
- E7B4BB
≈ Roseate Hues
Dörtlü +90° +180° +270°
- A3D0B6
Feather Green
- A7C7E9
≈ Island Light
- DFB5D0
≈ Muddy Mauve
- DDBD9A
≈ Cane Sugar Glaze
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.71:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.25:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--feather-green: #a3d0b6;
--feather-green-rgb: 163 208 182;
--feather-green-oklch: oklch(0.818 0.06 159.4);
}
.element {
color: var(--feather-green);
background-color: hsl(145 32% 73%);
border-color: oklch(0.818 0.06 159.4);
}Tailwind CSS v4
@theme {
--color-feather-green: #a3d0b6;
--color-feather-green-50: #e7fbf0;
--color-feather-green-100: #d7eee2;
--color-feather-green-200: #bfddcc;
--color-feather-green-300: #9dc1ae;
--color-feather-green-400: #80aa92;
--color-feather-green-500: #639378;
--color-feather-green-600: #547c66;
--color-feather-green-700: #436351;
--color-feather-green-800: #31493a;
--color-feather-green-900: #213228;
--color-feather-green-950: #101e16;
}SCSS
$feather-green: #a3d0b6;
$feather-green-rgb: 163, 208, 182;
$feather-green-light: mix(#fff, $feather-green, 20%);
$feather-green-dark: mix(#000, $feather-green, 20%);
.element {
color: $feather-green;
box-shadow: 0 0 0 2px rgba($feather-green, 0.35);
}