Nazwany kolor · #ACCB35
Tender Shoot
Tender Shoot to #ACCB35: rgb(172 203 53), hsl(72 59% 50%), oklch(0.793 0.172 120.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tender Shoot color name →
#ACCB35
oklch(0.793 0.172 120.8)
Konwersje koloru
- HEX
- #accb35
- RGB
- rgb(172 203 53)
- HSL
- hsl(72 59% 50%)
- HWB
- hwb(72 21% 20%)
- OKLCH
- oklch(0.793 0.172 120.8)
- OKLab
- oklab(0.793 -0.088 0.147)
- CIE Lab
- lab(77.4 -25.11 65.79)
- LCH
- lch(77.4 70.41 110.9)
- CMYK
- cmyk(15% 0% 74% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B4D153
- BCD66B
- C4DC80
- CCE193
- D4E6A6
- DDEBB8
- E5F0CA
- EEF5DC
- F6FAEE
Odcienie ciemniejsze
- 95B02D
- 7F9625
- 697D1D
- 546515
- 404D0E
- 2D3708
- 1B2203
- 0B0F01
- 010200
Tony
- A7C445
- A3BC50
- 9EB55A
- 9AAD62
- 95A668
- 919E6E
- 8D9773
- 888F78
- 84887C
Harmonie kolorów
Komplementarna +180°
- ACCB35
Tender Shoot
- C9A8FF
≈ Purple Hepatica
Analogowa -30° +30°
- ACCB35
Tender Shoot
- E2B600
≈ Plague Brown
- 56DA80
≈ Drunken Dragonfly
Triada +120° +240°
- ACCB35
Tender Shoot
- 72C5FF
≈ Maya Blue
- FF97B7
≈ Saira Red
Komplementarna rozszczepiona +150° +210°
- ACCB35
Tender Shoot
- A2B8FF
≈ Truesky Gloxym
- F98FEE
≈ Splash of Grenadine
Tetrada +90° +180° +270°
- ACCB35
Tender Shoot
- 00D2ED
≈ Picnic Day Sky
- C9A8FF
≈ Purple Hepatica
- FF9D8C
≈ Candy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.85:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.34:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.34:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--tender-shoot: #accb35;
--tender-shoot-rgb: 172 203 53;
--tender-shoot-oklch: oklch(0.793 0.172 120.8);
}
.element {
color: var(--tender-shoot);
background-color: hsl(72 59% 50%);
border-color: oklch(0.793 0.172 120.8);
}Tailwind CSS v4
@theme {
--color-tender-shoot: #accb35;
--color-tender-shoot-50: #ecfec8;
--color-tender-shoot-100: #ddf2b2;
--color-tender-shoot-200: #c6e18d;
--color-tender-shoot-300: #a7c55c;
--color-tender-shoot-400: #90ad14;
--color-tender-shoot-500: #779500;
--color-tender-shoot-600: #657e00;
--color-tender-shoot-700: #516500;
--color-tender-shoot-800: #3d4900;
--color-tender-shoot-900: #2a3300;
--color-tender-shoot-950: #181e00;
}SCSS
$tender-shoot: #accb35;
$tender-shoot-rgb: 172, 203, 53;
$tender-shoot-light: mix(#fff, $tender-shoot, 20%);
$tender-shoot-dark: mix(#000, $tender-shoot, 20%);
.element {
color: $tender-shoot;
box-shadow: 0 0 0 2px rgba($tender-shoot, 0.35);
}