En yakın adlandırılmış renk · #99C2AA
#99C2AA
En yakın adlandırılmış renk: Lichen
#99C2AA (rgb(153 194 170), hsl(145 25% 68%), oklch(0.778 0.055 159.1)) en çok Lichen 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.
#99C2AA
oklch(0.778 0.055 159.1)
Renk dönüşümleri
- HEX
- #99c2aa
- RGB
- rgb(153 194 170)
- HSL
- hsl(145 25% 68%)
- HWB
- hwb(145 60% 24%)
- OKLCH
- oklch(0.778 0.055 159.1)
- OKLab
- oklab(0.778 -0.052 0.02)
- CIE Lab
- lab(74.95 -17.83 7.42)
- LCH
- lch(74.95 19.31 157.4)
- CMYK
- cmyk(21% 0% 12% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3C8B2
- ADCEBB
- B7D4C3
- C2DACB
- CCE0D4
- D6E6DC
- E0EDE5
- EAF3EE
- F5F9F6
Koyu tonlar
- 84A893
- 708F7D
- 5D7768
- 4A6053
- 38493F
- 27342D
- 17201B
- 080E0B
- 010201
Gri tonlar
- 97BBA6
- 94B4A1
- 92AE9D
- 90A799
- 8DA195
- 8B9A91
- 88938C
- 858D88
- 838684
Renk uyumları
Tamamlayıcı +180°
- 99C2AA
Lichen
- CFA9C2
≈ Heart to Heart
Analog -30° +30°
- 99C2AA
Lichen
- ACBE99
≈ Rolling Glen
- 8EC3BE
≈ Focus Point
Üçlü +120° +240°
- 99C2AA
Lichen
- AEB4DA
≈ Sassy Violet
- D7AB9D
≈ Everything’s Rosy
Bölünmüş tamamlayıcı +150° +210°
- 99C2AA
Lichen
- C1ADD2
≈ Meadow Thistle
- D7A9AF
≈ Foxy Lady
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.97:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.65:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--lichen: #99c2aa;
--lichen-rgb: 153 194 170;
--lichen-oklch: oklch(0.778 0.055 159.1);
}
.element {
color: var(--lichen);
background-color: hsl(145 25% 68%);
border-color: oklch(0.778 0.055 159.1);
}Tailwind CSS v4
@theme {
--color-lichen: #99c2aa;
--color-lichen-50: #e8faf0;
--color-lichen-100: #d9eee2;
--color-lichen-200: #c1dccd;
--color-lichen-300: #9fc1ae;
--color-lichen-400: #83a993;
--color-lichen-500: #669279;
--color-lichen-600: #577b66;
--color-lichen-700: #456352;
--color-lichen-800: #32483b;
--color-lichen-900: #223228;
--color-lichen-950: #111e16;
}SCSS
$lichen: #99c2aa;
$lichen-rgb: 153, 194, 170;
$lichen-light: mix(#fff, $lichen, 20%);
$lichen-dark: mix(#000, $lichen, 20%);
.element {
color: $lichen;
box-shadow: 0 0 0 2px rgba($lichen, 0.35);
}