En yakın adlandırılmış renk · #ADDBAC
#ADDBAC
En yakın adlandırılmış renk: Big Spender
#ADDBAC (rgb(173 219 172), hsl(119 39% 77%), oklch(0.847 0.08 144.3)) en çok Big Spender 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.
#ADDBAC
oklch(0.847 0.08 144.3)
Renk dönüşümleri
- HEX
- #addbac
- RGB
- rgb(173 219 172)
- HSL
- hsl(119 39% 77%)
- HWB
- hwb(119 67% 14%)
- OKLCH
- oklch(0.847 0.08 144.3)
- OKLab
- oklab(0.847 -0.065 0.047)
- CIE Lab
- lab(83.22 -22.25 18.1)
- LCH
- lch(83.22 28.69 140.9)
- CMYK
- cmyk(21% 0% 21% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B5DFB4
- BEE2BC
- C6E6C5
- CEEACD
- D6EDD5
- DEF1DE
- E6F4E6
- EFF8EE
- F7FBF7
Koyu tonlar
- 96BE95
- 7FA27F
- 6A8769
- 556D54
- 415440
- 2D3C2D
- 1B261B
- 0B110B
- 010201
Gri tonlar
- A9D2A8
- A4C8A3
- A0BF9F
- 9BB69B
- 97AD96
- 92A492
- 8E9B8D
- 899289
- 858984
Renk uyumları
Tamamlayıcı +180°
- ADDBAC
Big Spender
- E8BBEA
≈ Lovecloud
Analog -30° +30°
- ADDBAC
Big Spender
- CBD396
≈ Pistachio Cream
- 94DEC9
≈ Almost Aqua
Üçlü +120° +240°
- ADDBAC
Big Spender
- B4CDFF
≈ Night Snow
- FDB9B3
≈ Mexican Milk
Bölünmüş tamamlayıcı +150° +210°
- ADDBAC
Big Spender
- CFC3FD
≈ Innocent Snowdrop
- F8B7D0
≈ Little Baby Girl
Dörtlü +90° +180° +270°
- ADDBAC
Big Spender
- 98D6FA
≈ Shiva Blue
- E8BBEA
≈ Lovecloud
- F7BF9B
≈ Shrimp Boat
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.50:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--big-spender: #addbac;
--big-spender-rgb: 173 219 172;
--big-spender-oklch: oklch(0.847 0.08 144.3);
}
.element {
color: var(--big-spender);
background-color: hsl(119 39% 77%);
border-color: oklch(0.847 0.08 144.3);
}Tailwind CSS v4
@theme {
--color-big-spender: #addbac;
--color-big-spender-50: #e7fce8;
--color-big-spender-100: #d7f0d8;
--color-big-spender-200: #bfdec0;
--color-big-spender-300: #9dc39f;
--color-big-spender-400: #81ab81;
--color-big-spender-500: #649464;
--color-big-spender-600: #557d55;
--color-big-spender-700: #446444;
--color-big-spender-800: #324a30;
--color-big-spender-900: #223320;
--color-big-spender-950: #111f10;
}SCSS
$big-spender: #addbac;
$big-spender-rgb: 173, 219, 172;
$big-spender-light: mix(#fff, $big-spender, 20%);
$big-spender-dark: mix(#000, $big-spender, 20%);
.element {
color: $big-spender;
box-shadow: 0 0 0 2px rgba($big-spender, 0.35);
}