En yakın adlandırılmış renk · #99B09F
#99B09F
En yakın adlandırılmış renk: Copper Patina
#99B09F (rgb(153 176 159), hsl(136 13% 65%), oklch(0.735 0.035 153.4)) en çok Copper Patina adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#99B09F
oklch(0.735 0.035 153.4)
Renk dönüşümleri
- HEX
- #99b09f
- RGB
- rgb(153 176 159)
- HSL
- hsl(136 13% 65%)
- HWB
- hwb(136 60% 31%)
- OKLCH
- oklch(0.735 0.035 153.4)
- OKLab
- oklab(0.735 -0.031 0.016)
- CIE Lab
- lab(69.69 -10.77 5.93)
- LCH
- lch(69.69 12.29 151.2)
- CMYK
- cmyk(13% 0% 10% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3B8A8
- ADBFB2
- B7C7BB
- C1CFC4
- CBD7CE
- D5DFD8
- E0E7E1
- EAEFEB
- F4F7F5
Koyu tonlar
- 84998A
- 708275
- 5D6C61
- 4A564D
- 38423B
- 272E29
- 171C18
- 080B09
- 010101
Gri tonlar
- 97AB9C
- 94A699
- 92A196
- 8F9D92
- 8D988F
- 8A938C
- 888E89
- 858986
- 838583
Renk uyumları
Tamamlayıcı +180°
- 99B09F
Copper Patina
- B7A1B3
≈ Parlour Rose
Analog -30° +30°
- 99B09F
Copper Patina
- A5AD95
≈ Quiet Thicket
- 91B1AB
≈ Delicate Green
Üçlü +120° +240°
- 99B09F
Copper Patina
- A2A8C0
≈ Lilac Time
- BEA29B
≈ Andes Ash
Bölünmüş tamamlayıcı +150° +210°
- 99B09F
Copper Patina
- ADA4BC
≈ Decanter
- BDA0A7
≈ Magical Mauve
Dörtlü +90° +180° +270°
- 99B09F
Copper Patina
- 97ACBE
≈ Lead Ore
- B7A1B3
≈ Parlour Rose
- BAA593
≈ Sand Trap
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.31:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.06:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--copper-patina: #99b09f;
--copper-patina-rgb: 153 176 159;
--copper-patina-oklch: oklch(0.735 0.035 153.4);
}
.element {
color: var(--copper-patina);
background-color: hsl(136 13% 65%);
border-color: oklch(0.735 0.035 153.4);
}Tailwind CSS v4
@theme {
--color-copper-patina: #99b09f;
--color-copper-patina-50: #eef8f1;
--color-copper-patina-100: #dfece3;
--color-copper-patina-200: #c9d9ce;
--color-copper-patina-300: #aabdb0;
--color-copper-patina-400: #8fa595;
--color-copper-patina-500: #758d7b;
--color-copper-patina-600: #637869;
--color-copper-patina-700: #4f6054;
--color-copper-patina-800: #3a463c;
--color-copper-patina-900: #283029;
--color-copper-patina-950: #161d17;
}SCSS
$copper-patina: #99b09f;
$copper-patina-rgb: 153, 176, 159;
$copper-patina-light: mix(#fff, $copper-patina, 20%);
$copper-patina-dark: mix(#000, $copper-patina, 20%);
.element {
color: $copper-patina;
box-shadow: 0 0 0 2px rgba($copper-patina, 0.35);
}